0
我想把标记放在弧的末尾。 但它总是放在字符串的开头。标记结束位置不能正常工作d3js
有没有什么方法可以让我们的标记也随着弧线变成动画。
捣鼓相同
<svg version="1.1" viewBox="0 0 1000 1000">
<defs>
<marker id="endtriangle"
viewBox="0 0 10 10" refX="0" refY="5"
markerUnits="strokeWidth"
markerWidth="4" markerHeight="3"
orient="auto" overflow="visible">
<path d="M 0 0 L 10 5 L 0 10 z" />
</marker>
<path d="M -2 5 L 8 0 L 8 10 z" />
</marker>
</defs>
</svg>
var arc=d3.svg.arc()
.innerRadius(140)
.outerRadius(140)
.startAngle(0)
.endAngle(Math.PI*1.5);
d3.select("svg").append("path")
.attr("d",arc)
.attr("transform","translate(200,200)")
.attr("stroke","black")
.attr("marker-end","url(#endtriangle)")
.attr("fill","none")
.attr("stroke-width","10")
.attr("id","dimen");