blob: 4ae0b836f7f41a417f2f9e86d7c7847e20be17bd (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
|
<svg xmlns="http://www.w3.org/2000/svg"
xmlns:h="http://www.w3.org/1999/xhtml"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="300" height="200" viewBox="0 0 300 200">
<metadata>
<h:link rel="help" href="https://svgwg.org/svg2-draft/paths.html#PathLengthAttribute"/>
<h:link rel="match" href="pathLength-zero-ref.svg"/>
<h:meta name="assert" content="A value of zero is valid and must be treated as a scaling factor of infinity."/>
</metadata>
<defs>
<path id="track" stroke="lightblue" fill="none"
d="M 50 50 h 200" pathLength="0"/>
</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="1">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="-1">The quick brown fox</textPath>
</text>
</g>
</svg>
|
