Source code

Revision control

Copy as Markdown

Other Tools

SVG Preview (Scaled)

Preview of https://hg.mozilla.org/mozilla-central/raw-file/tip/testing/web-platform/tests/svg/path/distance/pathLength-positive-ref.svg
width="300" height="200" viewBox="0 0 300 200">
<defs>
<path id="track" stroke="lightblue" fill="none"
d="M 50 50 h 200"/>
</defs>
<g>
<use xlink:href="#track"/>
<text font-family="sans-serif" font-size="28">
<textPath xlink:href="#track" startOffset="0%">The quick brown fox</textPath>
</text>
</g>
<g transform="translate(0,50)">
<use xlink:href="#track"/>
<text font-family="sans-serif" font-size="28">
<textPath xlink:href="#track" startOffset="50%">The quick brown fox</textPath>
</text>
</g>
<g transform="translate(0,100)">
<use xlink:href="#track"/>
<text font-family="sans-serif" font-size="28">
<textPath xlink:href="#track" startOffset="-50%">The quick brown fox</textPath>
</text>
</g>
</svg>