svg.js экспортирует SVG с анимацией

Question

Я использую плагин svg.js на моем сайте. Есть возможность экспортировать то, что я создал на сайте в файл SVG. Но когда я делаю это, он только дает мне код без анимации, который я добавил.

Теперь это похоже на

<rect id="svg1" width="134" height="70" x="50" y="50" fill="#14a836"></rect>

И мне нужно, чтобы это было с анимацией, которую я добавляю с .animate(),

например rect.animate(1000, '-', 2000).move(200, 300)

так что, вероятно, должно быть так:

<rect id="svg1" width="134" height="70" x="50" y="50" fill="#14a836">
    <animate> some transformations like move, rotate and so on </animate>
</rect>

Есть ли возможность добавить анимацию в код? Когда я добавляю .animate() к экспорту, он анимируется на моем сайте, но в коде изменений нет. Как это сделать, может быть, добавив некоторые атрибуты? Или, может быть, с помощью другого плагина?

Answer 1

svg.js использует javascript для анимации своих элементов.Нет способа экспортировать их в код SVG.Однако, как уже упоминали другие люди, svg имеет свой собственный способ анимации своих элементов.Тег animate - хорошая отправная точка.К сожалению, для создания этих анимаций нет сахара svg.js

Answer 2

Это выглядит хорошо для меня. Возможно попытайтесь оживить с этим . Я использовал это с большим успехом.

Редактировать : Добро пожаловать на форум!