html - 沿路径平移标记

Question

在 SVG 中，是否可以将marker_start/marker_end沿 a翻译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属性，它们定义标记应附加到路径的位置。有关详细信息，请参阅规范。

可能您还需要调整viewBox<marker> 元素上的 。如果需要，您可以在 viewBox 之外绘制，前提是您overflow:visible在 <marker> 元素上进行了设置（或者在markerWidth,markerHeight属性中指定足够大的值）。