Javascript 在路径中绘制svg标记

我会在一条小路上画一个记号笔，但不幸的是，只画了一条线

我在defs中定义标记，然后在我的路径中按id调用它，但标记不起作用

.cls-1{fill:none；笔划宽度：5px；}.cls-1.cls-2{stroke:a15256；}.cls-2{fill:fff；}.cls-3{隔离：隔离；字体大小：42.79px；字体系列：ArialMT，Arial；} 线

---

路径中没有顶点

除了路径数据的第一个顶点和最后一个顶点之外，在每个顶点上渲染标记。

你的路径是d=M202，67.72319.33215.86，这仅仅是两点。因此标记mid不会显示

不确定，但我想你真正需要的是标记结束

.cls-1{fill:none；笔划宽度：5px；}.cls-1.cls-2{stroke:a15256；}.cls-2{fill:fff；}.cls-3{隔离：隔离；字体大小：42.79px；字体系列：ArialMT，Arial；} 线

---

如果你需要中间的标记，你需要向路径添加一个点。在本例中，我使用的是d=M202,67.72l265.665141.79329.33215.86，而不是d=M202,67.72l329.33215.86

.cls-1{fill:none；笔划宽度：5px；}.cls-1.cls-2{stroke:a15256；}.cls-2{fill:fff；}.cls-3{隔离：隔离；字体大小：42.79px；字体系列：ArialMT，Arial；} 线

---

有两个点的直线没有任何中间顶点，它只有一个起点和一个终点。所以不可能在起点绘制箭头？当然可以，但这将是标记起点，而不是标记中点。另一端是标记终点