경로를 따라 표식을 변환하십시오.

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을 참조하십시오.

아마도 마커> 요소에서 viewBox을 조정해야 할 수도 있습니다. 또는 마커> 요소에 overflow:visible을 설정하거나 markerWidth, markerHeight 속성에서 충분히 큰 값을 지정하는 경우 필요한 경우 viewBox 외부로 그릴 수 있습니다.