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" encoding="iso-8859-1"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
<svg width="525" height="500" >
<text x="5" y="20" style="font-size:22">Stroke Option: line dashing</text>
<g style="shape-rendering:default; stroke-width:14; stroke:#0000FF" >
<path d="M50, 50h200" style="stroke-linecap:round; stroke-dasharray:30 30" />
<path d="M50,100h200" style="stroke-linecap:square; stroke-dasharray:30 30" />
<path d="M50,150h200" style="stroke-linecap:butt; stroke-dasharray:30 30" />
<path d="M50,200h200" style="stroke-linecap:butt; stroke-dasharray:30 5" />
<path d="M50,250h200" style="stroke-linecap:butt; stroke-dasharray:5 5" />
<path d="M50,300h200" style="stroke-linecap:butt; stroke-dasharray:15 15" />
<path d="M50,350h200" style="stroke-linecap:butt; stroke-dasharray:10 15" />
<path d="M50,400h200" style="stroke-linecap:butt; stroke-dasharray:20 5 10 5" />
</g>
<g style="shape-rendering:default; stroke-width:6; stroke:#008000" >
<path d="M300, 50h200" style="stroke-linecap:round; stroke-dasharray:30 20 15 20" />
<path d="M300,100h200" style="stroke-linecap:square; stroke-dasharray:30 20 15 20" />
<path d="M300,150h200" style="stroke-linecap:butt; stroke-dasharray:10 5 20 5" />
<path d="M300,200h200" style="stroke-linecap:butt; stroke-dasharray:40 5 25 5" />
<path d="M300,250h200" style="stroke-linecap:butt; stroke-dasharray:5 5" />
<path d="M300,300h200" style="stroke-linecap:butt; stroke-dasharray:15 15" />
<path d="M300,350h200" style="stroke-linecap:butt; stroke-dasharray:10 15" />
<path d="M300,400h200" style="stroke-linecap:butt; stroke-dasharray:20 5 10 5" />
</g>
</svg>
|
