moved-tree-1-ref.xhtml (1111B)
1 <?xml version="1.0" encoding="UTF-8" standalone="no" ?> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <title>Moving sub-trees</title> 5 </head> 6 7 <body> 8 <svg xmlns="http://www.w3.org/2000/svg" width="200px" height="200px"> 9 <rect x="0" y="0" width="199" height="199" 10 style="fill: none; stroke: black"/> 11 <g> 12 <!-- background rect to track progress --> 13 <rect x="0" y="80" width="100" height="40" fill="royalblue" 14 stroke="black" stroke-width="1"/> 15 </g> 16 </svg> 17 <!-- Second animation --> 18 <svg xmlns="http://www.w3.org/2000/svg" width="200px" height="200px"> 19 <rect x="0" y="0" width="199" height="199" 20 style="fill: none; stroke: black"/> 21 <g id="new-parent"> 22 <!-- background rect to track progress --> 23 <rect x="0" y="80" width="100" height="40" fill="greenyellow" 24 stroke="black" stroke-width="1"/> 25 <!-- circle to transfer --> 26 <circle cx="100" cy="100" r="15" fill="skyblue" stroke="black" 27 stroke-width="1" id="circle-to-move"/> 28 </g> 29 </svg> 30 </body> 31 </html>