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

<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);
// in case we're not gecko
setTimeout(go, 3000);

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>