Как сказано в названии, я хочу что-то сделать, но не могу найти в этом ничего, или, по крайней мере, не для того, что я хочу делать в точности; запустить анимацию SVG, который я импортировал в файл html, используя нужную мне функцию, например start_animation()
, или даже кнопку с возможностью нажатия, как показано ниже.
Допустим, у меня есть эта настройка;
Мой html файл:
<object type="image/svg+xml" data="test.svg" id="filesvg" width="500px" height="500px"></object>
<button id="trigger">Trigger Animation</button>
Мой файл test.svg:
...data to show a lot of things...
<animateTransform attributeName="transform"
attributeType="XML"
type="rotate"
id="rot-it"
begin="click"
from="0"
to="-360"
dur="0.7s"
repeatCount="1"
/>
Итак, я хотел бы запустить эту анимацию из моего html файла с кнопкой "триггер", но я ничего не нашел. Я прочитал все, что мог, о stackoverflow или MDN, но это не помогло. Единственное, что я смог найти, это тот же вопрос, но со всем содержимым svg, импортированным в файл html.
Спасибо