I’ve been trying to get animations on SVG to then import it to Glaxnimate but jokes on me, it doesn’t support it…
This works fine:
<svg width="100" height="100">
<rect x="0" y="0" width="100" height="100" stroke="black" stroke-width="1"></rect>
<circle cx="50" cy="50" r="50" fill="blue" stroke="black" stroke-width="1">
<animate attributeName="r" from="0" to="350" dur="5s" repeatCount="indefinite"></animate>
</circle>
</svg>
This, however, does not:
<svg width="100" height="100" viewBox="0 0 100 100">
<rect x="50" y="50" width="0" height="0" stroke="black" stroke-width="1">
<animate attributeName="x" from="50" to="0" dur="5s" repeatCount="indefinite"
values="50;0;50" keyTimes="0;0.5;1" />
<animate attributeName="y" from="50" to="0" dur="5s" repeatCount="indefinite"
values="50;0;50" keyTimes="0;0.5;1" />
<animate attributeName="width" from="0" to="100" dur="5s" repeatCount="indefinite"
values="0;100;0" keyTimes="0;0.5;1" />
<animate attributeName="height" from="0" to="100" dur="5s" repeatCount="indefinite"
values="0;100;0" keyTimes="0;0.5;1" />
</rect>
</svg>