Continuous Rotation of a Text String : animate « SVG « XML






Continuous Rotation of a Text String


<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20001102//EN"
 "http://www.w3.org/TR/2000/CR-SVG-20001102/DTD/svg-20001102.dtd">

<svg width="100%" height="100%">
  <g transform="translate(0,0)">
    <text id="background" x="200" y="200" fill="red"
      fill-opacity="1" font-size="24">
      Rotating text
    </text>

    <animateTransform begin="0s" dur="4s" type="rotate"
      from="0 200 200" to="360 200 200" fill="freeze"
      attributeName="transform" />
  </g>
</svg>

 








Related examples in the same category

1.Rectangles and Multiple Animation Effects
2.Chained Animation Effects
3.Multiple Animation Effects