Импортированный SVG, запуск анимации Преобразование с функцией - PullRequest
0 голосов
/ 08 мая 2020

Как сказано в названии, я хочу что-то сделать, но не могу найти в этом ничего, или, по крайней мере, не для того, что я хочу делать в точности; запустить анимацию 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.

Спасибо

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...