javascript - 在 iOS 的 HTML5 中包含 SVG

Question

我想在 HTML5 网页中包含一个 SVG 图像，通过 JavaScript 与这个 SVG 交互，并应用 CSS 样式。如果可能，我宁愿将 SVG 保存在单独的文件中。我希望能够离线使用该网页，因此希望推荐的任何解决方案都能与此兼容。

有人可以建议最好/最跨浏览器兼容的方法吗？如果没有真正适用于所有浏览器的方法，我很乐意接受适用于 iOS 4.3 的 Safari 浏览器的方法:-)

提前致谢!

---

感谢大家并为没有尽快提供更新而道歉 - 不幸的是，我被另一个项目分心了!在尝试了各种替代选项一段时间后，( http://tavmjong.free.fr/SVG/SVG_IN_HTML/svg_in_html.html/http://www.schepers.cc/svg/blendups/embedding.html ) 我仍然无法使用外部 .svg 文件并将 JS 保留在主 HTML5 文件中 - 即我无法获得这些方法允许 SVG 文件引用 JS 函数，或允许 HTML 文件访问包含的 SVG 文件中的元素。甚至内联 SVG 还不能在 iOS 上运行:(所以，我要试试 Raphael (http://raphaeljs.com) 的运气。我认为这可能意味着我需要以编程方式创建 SVG，而不是只能链接到外部 .svg 文件。我只需要编写一个脚本来将 SVG 内容转换为 JS Raphael 函数调用，并希望避免任何其他绊脚石。

Answer 1

这取决于您的目标浏览器。现代浏览器(IE9、Chrome、Firefox4...)支持内联 SVG。较旧的浏览器可能需要一些替代品。

这里有一个在线测试，通过使用几种方法来包含 SVG 来检查浏览器支持情况。

http://tavmjong.free.fr/SVG/SVG_IN_HTML/svg_in_html.html

但我认为，如果您使用的是 HTML5，那么您的目标是现代浏览器，因此您应该使用带有