iOS支持的SVG特性

Question

我似乎找不到一份列出iOS支持的SVG功能的好清单，最好的是这个网站：

http://caniuse.com/#cats=SVG

我正在研究开发一个使用大量视觉元素的网页，并希望使用SVG，但我对SVG的了解不深，因此想知道iOS Safari中主要的兼容性、性能和缺失功能问题。

从上面的链接中，似乎我不能使用： SMIL动画。动画作为SVG标签，对吗？该链接说： “在Safari中的部分支持指的是在HTML文件中不起作用。” 那么只要SVG不在HTML文件中，它就可以工作吗？这意味着我根本不能使用它吗？ 我能否仍然使用Javascript进行动画制作（例如使用jQuery SVG）？

SVG滤镜，现在我不确定它包括哪些内容。在iOS上是否支持渐变？其他有用的未受支持的滤镜如何（阴影）？

- Hoffmann

---

我认为“在HTML文件中无法工作”是与XHTML文件相反，而不是根本无法工作。 - robertc

Answer 1

几乎所有的东西都可以使用，除了过滤器。当它说不在HTML中时，它是指旧的HTML，而不是XHTML，并使用正确的MIME类型。

我建议要么购买一个便宜的iPod touch（最新的运行iOS 6），要么购买一台带有Xcode和模拟器的Mac来进行测试，否则这将不会很有趣。

- Rich Bradshaw

---

同意，实际在iOS上测试是无与伦比的。利用这个事实，因为该平台没有像Android那样过于分散。 - Fabiano Soriani

Answer 2

针对浏览器测试：http://browsershots.org/。输入您的网页 URL 到框中，等待 - 查看截图并查看它们如何呈现或是否为 SVG？我知道，这不是最好的方法，但它使用选定的浏览器来呈现您的页面，是一个开始 :)

编辑：

此外，如果仅查看渲染后的图像还不够，还有一个工具 http://spoon.net/browsers/，您可以免费使用正确的浏览器来查看您的页面。

- Mauno Vähä