+ 18
How to animate svg polygon and lines
<animate attributeType="" attributeName="x" from="100px" to="300px" dur="3s" repeatCount="indefinite" > This tag doesn't work on my code
3 Answers
+ 6
// Hi Surafel,
If <polygon> and <line> tag doesn't work with <animate>, you can use CSS for the animations.
// P.S : Please, use the search bar before publishing your question.
https://www.sololearn.com/discuss/1568254/?ref=app
https://www.sololearn.com/discuss/1603811/?ref=app
https://www.sololearn.com/discuss/1625535/?ref=app
https://www.sololearn.com/discuss/1655144/?ref=app
https://www.sololearn.com/discuss/1566377/?ref=app
+ 2
Can you please supply your code so we can look at it?
+ 2
<path id="path1" d=" M 0, 0 L 200, 0"/>
<polygon points="165 200, 215 200, 190 100 "
style="fill:gray; stroke:black;">
<animateMotion dur="3s" repeatCount="indefinite"> <mpath xlink:href="#path1"/> </animateMotion>
</polygon>