1 <svg viewBox=
"-10 -10 280 220" xmlns=
"http://www.w3.org/2000/svg" xmlns:
xlink=
"http://www.w3.org/1999/xlink">
3 <marker id=
"m" refX=
"5" refY=
"5" viewBox=
"0 0 10 10" overflow=
"visible">
4 <circle cx=
"5" cy=
"5" r=
"3" fill=
"black" stroke=
"black" fill-opacity=
"0.5"/>
6 <svg id=
"poly" viewBox=
"-10 -10 420 420">
7 <polygon points=
"50 50 50 350 350 350 250 200" fill=
"blue" stroke=
"lime" stroke-width=
"50" style=
"marker: url(#m)" stroke-opacity=
"0.5"/>
11 <use xlink:
href=
"#poly" width=
"50" height=
"50"/>
12 <use xlink:
href=
"#poly" style=
"paint-order: normal" width=
"50" height=
"50" x=
"50"/>
14 <g transform=
"translate(0,50)">
15 <use xlink:
href=
"#poly" style=
"paint-order: fill" width=
"50" height=
"50" x=
"0"/>
16 <use xlink:
href=
"#poly" style=
"paint-order: fill stroke" width=
"50" height=
"50" x=
"50"/>
17 <use xlink:
href=
"#poly" style=
"paint-order: fill stroke markers" width=
"50" height=
"50" x=
"100"/>
18 <use xlink:
href=
"#poly" style=
"paint-order: fill markers" width=
"50" height=
"50" x=
"150"/>
19 <use xlink:
href=
"#poly" style=
"paint-order: fill markers stroke" width=
"50" height=
"50" x=
"200" />
22 <g transform=
"translate(0,100)">
23 <use xlink:
href=
"#poly" style=
"paint-order: stroke" width=
"50" height=
"50" x=
"0"/>
24 <use xlink:
href=
"#poly" style=
"paint-order: stroke fill" width=
"50" height=
"50" x=
"50"/>
25 <use xlink:
href=
"#poly" style=
"paint-order: stroke fill markers" width=
"50" height=
"50" x=
"100"/>
26 <use xlink:
href=
"#poly" style=
"paint-order: stroke markers" width=
"50" height=
"50" x=
"150"/>
27 <use xlink:
href=
"#poly" style=
"paint-order: stroke markers fill" width=
"50" height=
"50" x=
"200"/>
30 <g transform=
"translate(0,150)">
31 <use xlink:
href=
"#poly" style=
"paint-order: markers" width=
"50" height=
"50" x=
"0"/>
32 <use xlink:
href=
"#poly" style=
"paint-order: markers stroke" width=
"50" height=
"50" x=
"50"/>
33 <use xlink:
href=
"#poly" style=
"paint-order: markers stroke fill" width=
"50" height=
"50" x=
"100"/>
34 <use xlink:
href=
"#poly" style=
"paint-order: markers fill" width=
"50" height=
"50" x=
"150"/>
35 <use xlink:
href=
"#poly" style=
"paint-order: markers fill stroke" width=
"50" height=
"50" x=
"200"/>