|
0
|
1 |
<?xml version="1.0" standalone="no"?>
|
|
|
2 |
<svg width="12cm" height="2cm" viewBox="0 0 1200 200" version="1.2" baseProfile="tiny"
|
|
|
3 |
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
|
|
4 |
<desc>Example linecap - demonstrates three stroke-linecap values</desc>
|
|
|
5 |
<rect x="1" y="1" width="1198" height="198" fill="none" stroke="blue" />
|
|
|
6 |
<defs>
|
|
|
7 |
<line id="line1" x1="-125" x2="125" y1="0" y2="0" fill="none" />
|
|
|
8 |
<g id="circles">
|
|
|
9 |
<circle fill="#ffcccc" stroke="none" id="circle1" cx="-125" cy="0" r="8"/>
|
|
|
10 |
<circle fill="#ffcccc" stroke="none" id="circle2" cx="125" cy="0" r="8"/>
|
|
|
11 |
</g>
|
|
|
12 |
</defs>
|
|
|
13 |
<g transform="translate(200,75)">
|
|
|
14 |
<use stroke="black" stroke-width="70" xlink:href="#line1" stroke-linecap="butt"/>
|
|
|
15 |
<use stroke="#ffcccc" stroke-width="5" xlink:href="#line1"/>
|
|
|
16 |
<use xlink:href="#circles"/>
|
|
|
17 |
<text text-anchor="middle" font-size="50" font-family="Verdana" y="90">'butt' cap</text>
|
|
|
18 |
</g>
|
|
|
19 |
<g transform="translate(600,75)">
|
|
|
20 |
<use stroke="black" stroke-width="70" xlink:href="#line1" stroke-linecap="round"/>
|
|
|
21 |
<use stroke="#ffcccc" stroke-width="5" xlink:href="#line1"/>
|
|
|
22 |
<use xlink:href="#circles"/>
|
|
|
23 |
<text text-anchor="middle" font-size="50" font-family="Verdana" y="90">'round' cap</text>
|
|
|
24 |
</g>
|
|
|
25 |
<g transform="translate(1000,75)">
|
|
|
26 |
<use stroke="black" stroke-width="70" xlink:href="#line1" stroke-linecap="square"/>
|
|
|
27 |
<use stroke="#ffcccc" stroke-width="5" xlink:href="#line1"/>
|
|
|
28 |
<use xlink:href="#circles"/>
|
|
|
29 |
<text text-anchor="middle" font-size="50" font-family="Verdana" y="90">'square' cap</text>
|
|
|
30 |
</g>
|
|
|
31 |
</svg>
|
|
|
32 |
|
