在JavaScript中使用图形动画

Question

我完全搞不懂如何使用图形动画在前端应用程序中使用，像加载旋转器，导出SVG很容易，但如何导出一个完整的动画SVG，或者我必须用CSS或JS动画吗？？

Answer 1

在图中，动画实际上是过渡的。你不能“导出”动画，只添加它们。但是您可以复制CSS动画代码的某些部分。

在图形的编辑模式中，您可以看到动画是如何创建的。但是如果它在图中是动画的话，首先看一下:在检查选项卡(右边边栏)中寻找交互，在那里你会发现转换、持续时间和更多的信息，当你动画它的时候。下面是一个可以复制哪些动画细节的示例：

// On drag
// Navigate to: "Frame 2";
// Animate: Smart animate;
animation-timing-function: ease-out;
animation-duration: 300ms;