沿路径翻译标记

Question

在SVG中，是否可以将marker_start/marker_end翻译为Path？

<path id="e:3" fill="black" fill-opacity="1.0" stroke="black" stroke-opacity="1.0" stroke-width="1" d=" M2 12 L18 17 z" marker-start="url(#markerStart)">

我想翻译marker-start沿路径的一些X单元。我会怎么做？

Answer 1

您可以设置标记的refX和refY属性，这些属性定义标记应该附加到路径的位置。欲了解更多详情，请参阅specification。

可能您还需要调整< marker>元素上的viewBox。如果需要，可以在视图框外部绘制，只要您在< marker>元素上设置overflow:visible（或者在markerWidth,markerHeight属性中指定足够大的值）。