Javascript 为备选点中的多段线创建SVG标记。(台阶曲线)
我正在创建一条多段线作为阶跃曲线。我想把这些标记放在重要的位置,而不是放在台阶的每一端。我如何做到这一点?Javascript 为备选点中的多段线创建SVG标记。(台阶曲线),javascript,svg,markers,polyline,Javascript,Svg,Markers,Polyline,我正在创建一条多段线作为阶跃曲线。我想把这些标记放在重要的位置,而不是放在台阶的每一端。我如何做到这一点? 我不想使用两条不同的SVG多段线来创建正确的标记。除了由标记开始、标记中间和标记结束提供的粗略控制外,无法控制线条中的哪些点获取标记 建议对SVG2进行更精细的控制,但这对您现在没有帮助 唯一的解决方案是为每个感兴趣的点向文件中添加单独的元素 <polyline points="0,0 140,125 160,140 180,220 220,240 30
我不想使用两条不同的SVG多段线来创建正确的标记。除了由
标记开始
、标记中间
和标记结束
提供的粗略控制外,无法控制线条中的哪些点获取标记
建议对SVG2进行更精细的控制,但这对您现在没有帮助
唯一的解决方案是为每个感兴趣的点向文件中添加单独的元素
<polyline points="0,0 140,125 160,140 180,220 220,240 300,280 400,450 500,500 900,900"
style="fill: none;"
stroke="blue"
stroke-width="5"
marker-start="url(#point)"
marker-mid="url(#point)"
marker-end="url(#point)"
clip-path="url(#clip)" />
<defs>
<marker id="point" viewbox="0 0 10 10" refx="5" refy="5" markerwidth="10" markerheight="10"
orient="auto" markerUnits = "userSpaceOnUse">
<circle cx="5" cy="5" r="1" stroke="red" stroke-width="1" fill="black">
</circle>
</marker>
</defs>
</g>