svg.js用动画导出svg

时间:2018-08-24 08:45:36

标签: javascript svg svg-animate svg.js

我在我的网站上使用插件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()添加到导出中时,它会在我的网站上设置动画,但是在代码中没有任何变化。如何做到这一点,也许通过添加一些属性?或者也许使用其他插件?

2 个答案:

答案 0 :(得分:0)

svg.js使用javascript对其元素进行动画处理。无法将它们导出到svg代码中。但是,正如其他人所提到的那样,svg具有自己的动画其元素的方式。动画标签是一个很好的起点。不幸的是,没有svg.js糖来创建那些动画

答案 1 :(得分:-1)

对我来说很好。也许尝试使用this制作动画。我用它取得了巨大的成功。

编辑:欢迎来到论坛!