我正在尝试向polyline
绘制平行线,以便它们看起来像这样:
我具有绘制折线所需的所有点,但是使用这些点绘制单条线并对其进行平移会使线在两个轴上略微移位,并且这些线也相互连接。我希望它们完全如上图所示。
我正在使用以下代码:
points = [[83.5,144],[172.5,71],[281.5,133],[385.5,77],[437.5,152]];
for (let i = 0; i < points.length; i++) {
if (i <= this.points.length - 2) {
g.append('line')
.attr('class',"notationLine")
.attr("x1",points[i][0])
.attr("y1",points[i][1])
.attr("x2",points[i+1][0])
.attr("y2",points[i+1][1])
.attr("marker-end","url(#arrow)")
.attr("marker-start","url(#arrowStart)")
.attr('stroke','#53DBF3')
.attr('stroke-width',1)
.attr("transform","translate(-10,-20)");
}
}