0
|
1 |
<?xml version="1.0"?>
|
|
2 |
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
|
|
3 |
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
|
4 |
<svg width="12cm" height="3.6cm" viewBox="0 0 1000 300" version="1.2"
|
|
5 |
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
|
6 |
<defs>
|
|
7 |
<path xml:id="MyPath"
|
|
8 |
d="M 100 200
|
|
9 |
C 200 100 300 0 400 100
|
|
10 |
C 500 200 600 300 700 200
|
|
11 |
C 800 100 900 100 900 100" />
|
|
12 |
</defs>
|
|
13 |
<desc>Example toap03 - text on a path with startOffset attribute</desc>
|
|
14 |
<use xlink:href="#MyPath" fill="none" stroke="red" />
|
|
15 |
<text font-family="Verdana" font-size="42.5" fill="blue" >
|
|
16 |
<textPath xlink:href="#MyPath" startOffset="80%">
|
|
17 |
We go up, then we go down, then up again
|
|
18 |
</textPath>
|
|
19 |
</text>
|
|
20 |
<!-- Show outline of canvas using 'rect' element -->
|
|
21 |
<rect x="1" y="1" width="998" height="298"
|
|
22 |
fill="none" stroke="blue" stroke-width="2" />
|
|
23 |
</svg>
|