layout/reftests/svg/dynamic-text-04.svg

   1 <svg xmlns="http://www.w3.org/2000/svg" version="1.1"
   2      class="reftest-wait">
   3
   4   <title>Testcase for dynamic changes of rotate attributes</title>
   5
   6   <!-- based on http://www.w3.org/TR/SVG/images/text/tspan05.svg -->
   7
   8   <script type="text/javascript">
   9
  10 document.addEventListener("MozReftestInvalidate", go, false);
  11 setTimeout(go, 4000); // fallback for running outside reftest
  12
  13 function go() {
  14   document.getElementById("parent").setAttribute("rotate", "5,15,25,35,45,55");
  15   document.getElementById("child1").setAttribute("rotate", "-10,-20,-30,-40");
  16   document.getElementById("child2").setAttribute("rotate", "70,60,50,40,30,20,10");
  17   document.getElementById("child5").setAttribute("rotate", "-10");
  18   document.documentElement.removeAttribute("class");
  19 }
  20
  21   </script>
  22   <text id="parent" font-size="32" x="40" y="40">
  23     Not
  24
  25     <tspan id="child1">
  26       all characters
  27
  28       <tspan id="child2">
  29         in
  30
  31         <tspan id="child3">
  32           the
  33         </tspan>
  34       </tspan>
  35
  36       <tspan x="40" y="90" id="child4">
  37         text
  38       </tspan>
  39
  40       have a
  41     </tspan>
  42
  43     <tspan id="child5" rotate="90">
  44       specified
  45     </tspan>
  46
  47     rotation
  48   </text>
  49 </svg>