dynamic-text-04-ref.svg

Enable keyboard shortcuts

Checkerboard

<svg xmlns="http://www.w3.org/2000/svg" version="1.1">

  <title>Reference for dynamic changes of rotate attributes</title>

  <!-- based on http://www.w3.org/TR/SVG/images/text/tspan05.svg -->

  <text id="parent" font-size="32" x="40" y="40" rotate="5,15,25,35,45,55">

Not

    <tspan id="child1" rotate="-10,-20,-30,-40">

      all characters

      <tspan id="child2" rotate="70,60,50,40,30,20,10">

in

        <tspan id="child3">

the

        </tspan>

      </tspan>

      <tspan x="40" y="90" id="child4">

        text

      </tspan>

      have a

    </tspan>

    <tspan id="child5" rotate="-10">

      specified

    </tspan>

    rotation

  </text>

</svg>