为内联SVG设置动画的方式是什么？ 我想在路径上做一些动画。 就像在某个事件上旋转一样，在多个路径上的animateMotion也由某个事件触发。
我将提供一个指向开发站点的链接： http : //www.myradon.net 。 我正在努力实现以下目标；
将电源插头（恰好在“产品组合”上方）连接到母头（现已在网站上连接）时，较粗的破折号将从顶部一直滑到页面底部（当前可视化）。 我在考虑这些虚线上的路径动画（因此，速度取决于路径的长度，应该在上一条路径结束时开始）。 虚线是jQuery在Ajax调用中插入的一打SVG。
有人有一些好主意如何处理吗？ SMIL，Raphael / D3.js（SVG已在DOM中）？ 编辑：顺便说一下，我不在乎IE8和更少。
Java脚本驱动的动画将为您提供对所有浏览器的支持，并且使用d3.js或raphaël之类的库非常容易（这两个库都可以在线获得很多示例）。
根据您需要多少交互性，您可以使用SVG动画（SMIL）并提供js后备功能，例如FakeSMILe （用于IE）。 如果图形主要由简单的动画组成并且没有太多的交互，则此方法可能更有意义，因为使用图形编辑器可以更轻松地编辑图形。