animating shape

Discuss SVG code, accessible via the XML Editor.
slemonds
Posts: 1
Joined: Wed Nov 23, 2011 4:18 am

animating shape

Postby slemonds » Wed Nov 23, 2011 4:33 am

I have a shape that I am wanting to animate. Its a circle that I want moving down a line i have on my drawing.

This is what I have so far

Code: Select all

<circle cx="5%" cy="50" r="3" fill="blue">
   <animate attributeName="cx" dur="6s" values="80%;90%;50%"
   keyTimes="0;0.5; 1"
   calcMode="spline" keySplines="0 0 1 1; 0 0 1 1"    repeatCount="indefinite" />
</circle>


I only need this circle to move like this if a textbox on my drawing says "ON"

Can someone help me with this?

Thanks in advance

Return to “SVG / XML Code”