0
animated circle does not move
what is wrong with my code? why my circle does not move at all? <svg width="1000" hight="250"> <circle cx="45" cy="45" r="20" fill="green"> <animate attributeName="x" from="0" to="200" dur="5" fill="freeze" repeatCount="indefinite" /> </circle> </svg>
7 Answers
+ 10
Both work!
+ 9
<svg width="1000" hight="250">
<circle cx="45" cy="45" r="20" fill="green">
<animate attributeName="cx" from="0" to="200"
dur="5" fill="freeze" repeatCount="indefinite" />
</circle>
</svg>
<!-- attributeName should be cx not x... -->
+ 4
Common error is value of cx-attribute. You both wrote: <circle cx="45" ...... Why "45", if you want the circle move from "0" to "200"?
Correct way is the next:
<circle cx="" cy="45" r="20" fill="green">
<animate attributeName="cx" from="0" to="200" dur="5" fill="freeze" repeatCount="indefinite" />
</circle>
+ 1
doesn't work still
+ 1
Change dur to 5s and not 5.
0
thx but yours doesn't work as well, does it?
by work I mean making move the circle
0
yes it does, but manually. thanx you all anyway