OLD | NEW |
1 <?xml version="1.0" standalone="no"?> | 1 <?xml version="1.0" standalone="no"?> |
2 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1
.1/DTD/svg11.dtd"> | 2 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1
.1/DTD/svg11.dtd"> |
3 <svg viewBox="0 0 400 300" version="1.1" xmlns="http://www.w3.org/2000/svg" xmln
s:xlink="http://www.w3.org/1999/xlink"> | 3 <svg viewBox="0 0 400 300" version="1.1" xmlns="http://www.w3.org/2000/svg" xmln
s:xlink="http://www.w3.org/1999/xlink"> |
4 <defs> | 4 <defs> |
5 <g id="g" transform="translate(0 50)"> | 5 <g id="g" transform="translate(0 50)"> |
6 <rect id="rect" stroke-width="5px" fill="red" stroke="navy" width="60" h
eight="10"/> | 6 <rect id="rect" stroke-width="5px" fill="red" stroke="navy" width="60" h
eight="10"/> |
7 <circle id="circle" opacity="0.5" fill="green" cx="30" cy="5" r="10"/> | 7 <circle id="circle" opacity="0.5" fill="green" cx="30" cy="5" r="10"/> |
8 </g> | 8 </g> |
9 </defs> | 9 </defs> |
10 | 10 |
11 <use x="25" y="25" xlink:href="#g"/> | 11 <use x="25" y="25" xlink:href="#g"/> |
12 <use x="125" y="25" xlink:href="#g"/> | 12 <use x="125" y="25" xlink:href="#g"/> |
13 | 13 |
14 <text font-size="10" id="text" x="30" y="70">You should shapes _above_ this text
</text> | 14 <text font-size="10" id="text" x="30" y="70">You should shapes _above_ this text
</text> |
15 | 15 |
16 <script> | 16 <script> |
17 var useElement = document.getElementsByTagName("use")[1]; | 17 var useElement = document.getElementsByTagName("use")[1]; |
18 var element = useElement.instanceRoot.correspondingElement; | 18 var element = document.getElementById("g"); |
19 | 19 |
20 element.setAttribute("transform", ""); | 20 element.setAttribute("transform", ""); |
21 </script> | 21 </script> |
22 </svg> | 22 </svg> |
OLD | NEW |