在iOS的HTML5中包括SVG

| 我想在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函数调用,并希望避免其他任何绊脚石。     
已邀请:
这取决于您要定位的浏览器。现代浏览器(IE9,Chrome,Firefox4 ...)支持嵌入式SVG。较旧的浏览器可能需要一些替代方法。 这里有一个在线测试,通过使用多种方法来包含SVG来检查浏览器的支持。 http://tavmjong.free.fr/SVG/SVG_IN_HTML/svg_in_html.html 但是我认为,如果您使用的是HTML5,那么您的目标是现代浏览器,因此应该将内联svg与标记一起使用。     
看一下此页面:http://www.schepers.cc/svg/blendups/embedding.html 它显示了将外部SVG文件嵌入HTML的五种不同方法(请注意,这不是唯一的方法,但是最简单)。这也是检查特定浏览器功能的快速方法。     

要回复问题请先登录注册