<svg xmlns="http://www.w3.org/2000/svg" version="1.1" class="reftest-wait"> <title>Testcase for dynamic changes of rotate attributes</title> <!-- based on http://www.w3.org/TR/SVG/images/text/tspan05.svg --> <script type="text/javascript"> document.addEventListener("MozReftestInvalidate", go, false); setTimeout(go, 4000); // fallback for running outside reftest function go() { document.getElementById("parent").setAttribute("rotate", "5,15,25,35,45,55"); document.getElementById("child1").setAttribute("rotate", "-10,-20,-30,-40"); document.getElementById("child2").setAttribute("rotate", "70,60,50,40,30,20,10"); document.getElementById("child5").setAttribute("rotate", "-10"); document.documentElement.removeAttribute("class"); } </script> <text id="parent" font-size="32" x="40" y="40"> Not <tspan id="child1"> all characters <tspan id="child2"> in <tspan id="child3"> the </tspan> </tspan> <tspan x="40" y="90" id="child4"> text </tspan> have a </tspan> <tspan id="child5" rotate="90"> specified </tspan> rotation </text> </svg>