values Examples

  • text position
  • clipPath
  • pattern (not described in detail)

Animating Text Example

<text> 
<tspan x="1200" y="30"> <animate attributeName="x" values="1200;0;0" begin="0s" dur="3s" />M</tspan> 
<tspan x="1200" y="30"> <animate attributeName="x" values="1200;0;40" begin="0.5s" dur="3s" />e</tspan> 
<tspan x="1200" y="30"> <animate attributeName="x" values="1200;40;80" begin="1s" dur="3s" />r</tspan> 
<tspan x="1200" y="30"> 
. . . . 
</text>
M e r r y C h r i s t m a s