1

为内联 SVG 设置动画的方法是什么？！我想在路径上做一些动画。就像在某些事件上旋转一样，多条路径上的 animateMotion 也由某些事件触发。

我将包含一个指向开发站点的链接：http ://www.myradon.net 。我正在尝试完成以下工作；

当电源插头（就在“投资组合”上方）连接到女性（现在在网站中连接）时，较粗的破折号将从页面的顶部一直移动到页面的底部（当前可视化）。我正在考虑这些虚线上的路径动画（因此速度取决于路径的长度，并且应该在前一个结束时开始）。虚线是 jQuery 在 Ajax 调用中插入的十几个 SVG。

有人对如何处理这个问题有一些好主意吗？SMIL、Raphael/D3.js（SVG 已经在 DOM 中）？编辑：顺便说一句，我不关心 IE8 和更少。

4

1 回答 1

0

Javascript 驱动的动画将为您提供对所有浏览器的支持，并且使用 d3.js 或 raphaël 等库很容易做到（这两个库都有很多在线示例）。

根据您需要多少交互性，您可以使用 SVG 动画 (SMIL) 并提供 js 后备，例如FakeSMILe（用于 IE）。如果图形主要由简单的动画组成并且没有太多的交互，那么这种方式可能更有意义，因为通过这种方式使用图形编辑器编辑图形会更容易。

于 2013-03-04T10:19:51.280 回答