我想在行末端添加箭头

Question

我尝试了这个代码

<svg>
<g id="vc">
<defs>
    <marker id="arrowhead_bc" markerWidth="10" markerHeight="7" 
    refX="0" refY="3.5">
      <polygon points="0 0, 10 3.5, 0 7" />
    </marker>
  </defs>
  <rect x='.5' y='0' width='120' height='.5' style="fill:red;stroke:red" marker-end="url(arrowhead_bc)"/>
</g>
</svg>

我想在线路的末端添加一个箭头，以便我可以使用一个一个者元素？

Answer 1

• 如果要绘制一条线，请使用行元素。
• 您缺少URL中的＃字符

<svg>
<g id="vc">
<defs>
    <marker id="arrowhead_bc" markerWidth="10" markerHeight="7" 
    refX="0" refY="3.5">
      <polygon points="0 0, 10 3.5, 0 7" />
    </marker>
  </defs>
  <line x1='0.5' y1='3.5' x2='120' y2='3.5' style="fill:red;stroke:red" marker-end="url(#arrowhead_bc)"/>
</g>
</svg>