我试图在我的 SVG 线的起点/终点有实线,但标记使用它们保持形状的值。有什么办法可以防止这种情况发生吗?
这是我当前的 SVG:
<svg xmlns="http://www.w3.org/2000/svg">
<defs>
<marker id="start" refX="5" refY="5" markerUnits="userSpaceOnUse" markerWidth="10" markerHeight="10" orient="auto">
<circle cx="5" cy="5" r="5" fill="none" stroke="black" />
</marker>
<marker id="end" refX="10" refY="5" markerUnits="userSpaceOnUse" markerWidth="10" markerHeight="10" orient="auto">
<path id="arrow" d="M 0 0 L 10 5 L 0 10 L 0 0" fill="none" stroke="black" />
</marker>
</defs>
<g>
<path d="M10 50 L70 50" stroke="black" fill="none" stroke-width="0.75pt" stroke-dasharray="10,4" marker-start="url(#start)" marker-end="url(#end)" />
</g>
</svg>
我希望圆圈和箭头是实心的。我尝试在圆圈和路径上添加 stroke-dasharray="none" ,但没有成功。