OLD | NEW |
---|---|
(Empty) | |
1 <svg viewBox="-10 -10 280 220" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="h ttp://www.w3.org/1999/xlink"> | |
2 <defs> | |
3 <marker id="m" refX="5" refY="5" viewBox="0 0 10 10" overflow="visible"> | |
pdr.
2014/04/08 14:20:57
Nit: these markers just make the test more confusi
Stephen Chennney
2014/04/08 15:06:10
I considered this but thought they should stay to
fs
2014/04/08 15:50:24
Yes, that was my thinking - although I didn't thin
| |
4 <circle cx="5" cy="5" r="3" fill="black" stroke="black" fill-opacity="0.5" /> | |
5 </marker> | |
6 <svg id="poly" viewBox="-10 -10 420 420"> | |
7 <text y="300" font-family="sans-serif" font-size="200" fill="blue" stroke= "lime" stroke-width="10" stroke-opacity="0.5" style="marker: url(#m); text-decor ation: underline">test</text> | |
8 </svg> | |
9 </defs> | |
10 | |
11 <use xlink:href="#poly" width="50" height="50"/> | |
12 <use xlink:href="#poly" style="paint-order: normal" width="50" height="50" x=" 50"/> | |
13 | |
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" /> | |
20 </g> | |
21 | |
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" heigh t="50" x="150"/> | |
27 <use xlink:href="#poly" style="paint-order: stroke markers fill" width="50" height="50" x="200"/> | |
28 </g> | |
29 | |
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" heigh t="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"/> | |
36 </g> | |
37 </svg> | |
OLD | NEW |