沿路徑翻譯標記

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屬性中指定足夠大的值）。