Создать штриховой или пунктирной линии в jsPDF

Question

мне нужно нарисовать пунктирную линию в формате PDF, созданный с использованием jsPDF (https://mrrio.github.io/jsPDF/doc/symbols/jsPDF.html)

Простая линия создается как:

doc.line(20, 25, 60, 25); 

http://jsfiddle.net/S3XRp/78/

Как создать пунктирную линию?

Answer 1

У меня была такая же проблема, и сделал это так:

/** 
* Draws a dotted line on a jsPDF doc between two points. 
* Note that the segment length is adjusted a little so 
* that we end the line with a drawn segment and don't 
* overflow. 
*/ 
function dottedLine(doc, xFrom, yFrom, xTo, yTo, segmentLength) 
{ 
    // Calculate line length (c) 
    var a = Math.abs(xTo - xFrom); 
    var b = Math.abs(yTo - yFrom); 
    var c = Math.sqrt(Math.pow(a,2) + Math.pow(b,2)); 

    // Make sure we have an odd number of line segments (drawn or blank) 
    // to fit it nicely 
    var fractions = c/segmentLength; 
    var adjustedSegmentLength = (Math.floor(fractions) % 2 === 0) ? (c/Math.ceil(fractions)) : (c/Math.floor(fractions)); 

    // Calculate x, y deltas per segment 
    var deltaX = adjustedSegmentLength * (a/c); 
    var deltaY = adjustedSegmentLength * (b/c); 

    var curX = xFrom, curY = yFrom; 
    while (curX <= xTo && curY <= yTo) 
    { 
     doc.line(curX, curY, curX + deltaX, curY + deltaY); 
     curX += 2*deltaX; 
     curY += 2*deltaY; 
    } 
}