- 1

The program doesn’t work

I tried to write animate circle, but it isn’t working, pls help me to correct <svg width="1000" hight="1000"> <circle cx="80" cy="80" r="50" fill="purple" stroke="4" /> <animate attributeName="x" from="0" to="300" dur="4s" fill="freeze" repeatatCount="5"/> </svg>

18th Oct 2021, 6:39 PM
Матвей Барканов
Матвей Барканов - avatar
2 Réponses
+ 1
https://code.sololearn.com/W2N8kH78fHnM/?ref=app I placed animate inside circle opening and closening tag, and changed attributeName to "cx" it was "x" This is good resourse to learn more about svg animation https://css-tricks.com/guide-svg-animations-smil/
18th Oct 2021, 7:29 PM
PanicS
PanicS - avatar
+ 3
<svg width="1000" height="1000"> <ellipse cx="100" cy="100" rx="50" ry="50" fill="#c32e04"> <animate attributeName="ry" from="50" to="100" begin="1s" dur="3s" repeatCount="3" fill="freeze"/> </ellipse> <circle cx="80" cy="280" r="50" fill="purple" stroke="4"> <animate attributeName="cx" from="0" to="300" dur="4s" repeatCount="5" fill="freeze"/> </svg>
18th Oct 2021, 7:45 PM
JaScript
JaScript - avatar