如何在SVG线上放置箭头三角形？

在SVG中，要在线上放置箭头三角形，可以使用<marker>元素。<marker>元素定义了一个可重复使用的箭头三角形形状，可以将其附加到线的末端。以下是一个示例代码：

<svg width="200" height="200" xmlns="http://www.w3.org/2000/svg">
  <defs>
   <marker id="arrow" viewBox="0 0 10 10" refX="10" refY="5" markerWidth="6" markerHeight="6" orient="auto">
      <path d="M 0 0 L 10 5 L 0 10 z" fill="black" />
    </marker>
  </defs>

  <line x1="50" y1="50" x2="150" y2="150" stroke="black" stroke-width="2" marker-end="url(#arrow)" />
</svg>

在这个示例中，我们首先在<defs>元素中定义了一个名为arrow的<marker>。viewBox属性定义了箭头三角形的大小，refX和refY属性定义了箭头三角形的位置，markerWidth和markerHeight属性定义了箭头三角形的大小，orient属性定义了箭头三角形的方向。

接下来，我们在<line>元素中使用marker-end属性附加了箭头三角形。url(#arrow)表示使用ID为arrow的<marker>元素。

这个示例中的箭头三角形将会放置在线的末端。你可以根据需要调整<marker>元素的属性以满足你的需求。