blob: af0b82447ee7d3e7c082566acd140a0b6314a0de (
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
|
<?xml version="1.0" standalone="no"?>
<svg width="12cm" height="2cm" viewBox="0 0 1200 200" version="1.2" baseProfile="tiny"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<desc>Example linecap - demonstrates three stroke-linecap values</desc>
<rect x="1" y="1" width="1198" height="198" fill="none" stroke="blue" />
<defs>
<line id="line1" x1="-125" x2="125" y1="0" y2="0" fill="none" />
<g id="circles">
<circle fill="#ffcccc" stroke="none" id="circle1" cx="-125" cy="0" r="8"/>
<circle fill="#ffcccc" stroke="none" id="circle2" cx="125" cy="0" r="8"/>
</g>
</defs>
<g transform="translate(200,75)">
<use stroke="black" stroke-width="70" xlink:href="#line1" stroke-linecap="butt"/>
<use stroke="#ffcccc" stroke-width="5" xlink:href="#line1"/>
<use xlink:href="#circles"/>
<text text-anchor="middle" font-size="50" font-family="Verdana" y="90">'butt' cap</text>
</g>
<g transform="translate(600,75)">
<use stroke="black" stroke-width="70" xlink:href="#line1" stroke-linecap="round"/>
<use stroke="#ffcccc" stroke-width="5" xlink:href="#line1"/>
<use xlink:href="#circles"/>
<text text-anchor="middle" font-size="50" font-family="Verdana" y="90">'round' cap</text>
</g>
<g transform="translate(1000,75)">
<use stroke="black" stroke-width="70" xlink:href="#line1" stroke-linecap="square"/>
<use stroke="#ffcccc" stroke-width="5" xlink:href="#line1"/>
<use xlink:href="#circles"/>
<text text-anchor="middle" font-size="50" font-family="Verdana" y="90">'square' cap</text>
</g>
</svg>
|
