+ 6

Friends help me how to animate the circle and square??Is there any mistakes or this gui doesn't animation.

https://code.sololearn.com/WLGVze01FEuk/?ref=app

6th Jun 2017, 4:54 AM
‹Um@›M@hesw@r
‹Um@›M@hesw@r - avatar
2 Réponses
+ 2
You made few mistakes like not including (s) after the dur attribute eg: dur="10s", adding width and height to circle instead of cx and cy, adding ry and rx in your rect tag not closing the last <animate> tag with </rect>, animating "y" instead of "cy" for the circle and so on.. see your redefined svg tag here, replace the previous one with this one and you'll see your svg animated: <svg width="5000" height="5000"> <circle cx="60" cy="60" r="30" style="stroke:black;stroke-width:5;" fill="grey"> <animate attributeName="cy" from="50" to="500" dur="10s" repeatcount="3"> </animate> </circle> <rect width="50" height="50" fill="orange" style="stroke:Red;stroke-width:2;"> <animate attributeName="x" from="50" to="500" dur="10s" repeatcount="3"></rect> </svg> .
6th Jun 2017, 5:30 AM
Nomeh Uchenna Gabriel
Nomeh Uchenna Gabriel - avatar
+ 6
thank you very much bro ..your suggestions for me worked....thanx a lot
6th Jun 2017, 6:16 AM
‹Um@›M@hesw@r
‹Um@›M@hesw@r - avatar