SVG:textPath要素

xlink:href属性

starOffset属性

pathにおけるテキスト表示の開始位置

https://svg-hosting.vercel.app/api/svg?url=https://scrapbox.io/api/code/suto3/SVG:textPath要素/tp.svg

code:tp.svg

<!-- to hide the path, it is usually wrapped in a <defs> element -->

<!-- <defs> -->

<path

id="MyPath"

fill="none"

stroke="red"

d="M10,90 Q90,90 90,45 Q90,10 50,10 Q10,10 10,40 Q10,70 45,70 Q70,70 75,50" />

<!-- </defs> -->

<text>

<textPath href="#MyPath">Quick brown fox jumps over the lazy dog.</textPath>

</text>

</svg>

SVG要素.icon