animation - 如何检测SVG动画是否可用

Question

有没有什么好的方法可以检测SVG动画是否可用，然后适当调整DOM？

我正在使用 animateMotion 为 g 的运动设置动画包含 image s。这仅适用于 Mozilla；更糟糕的是，拥有 animateMotion unstarted 使图像在 Mozilla 和 WebKit 中的位置不同(但在每个位置都不相同!)。

看来我需要一种方法来调整 g 和图像上的属性来处理每个场景，并添加 animateMotion仅在它有效时才标记。有什么建议？

Answer 1

Modernizr 只检测高级功能的存在，并相信浏览器不会说谎。例如，Desktop Safari 对 Modernizr 的 SMIL 有一个很大的"is"。但是几乎每个浏览器(甚至是 Firefox 4!)中都只部分实现了 SMIL，您必须测试每个单独的属性动画才能准确地确定哪个有效或无效。

例如，您无法使用 SMIL 在 Desktop Safari 中为路径动画上的文本设置 startOffset 动画。没有库可以检测此类事物的特征是否存在。

恕我直言，如果它们存在，您应该将 CSS 转换/动画用于除 IE 之外的所有内容的通用动画。对于 IE，请使用 Javascript(或 Canvas)动画。

(顺便说一句，Chrome 上的 animateTransform 坏了 - 它错误地计算了翻译)