+ 2
I can't animate line. Why? Pls help
2 ответов
+ 3
The animate element should be contained by "line" element, the same way you did with "rect" element.
Before:
<animate ... />
<line ...>
</line>
After:
<line ...>
<animate ... />
</line>
Then:
There's no attribute called "y" in "line" element. You are likely going to need to animate "y1" and "y2" separately.
+ 1
You should do like this :
<svg width="500" height="600">
<line x1="50" y1="50" x2="100" y2="100" style="stroke:#000000; stroke-width:20">
<animate attributeName="y1" from="50" to="300"
dur="3s" fill="freeze" repeatCount="10"/>
</line>
</svg>
hope it helps.