在网站中嵌入矢量 SVG 或压缩 SVGZ 插图的最简单方法是什么？
它必须在 2016 版本的 Firefox、Chrome、Opera 和 Safari 以及 Internet Explorer 下正常工作。
问问题
14925 次
4 回答
8
这将帮助你...
<embed src="svg.svgz" width="200px" height="200px" type="image/svg+xml" />
于 2012-05-07T10:43:36.317 回答
5
IE8 不以任何方式支持 SVG（没有额外的库，如 SVGWeb），因此无论您的标记如何，您都不会让它工作。
尽管您描述的方法效果很好，但我个人更喜欢将我的 SVG 内联包含在 XHTML 中，因为它允许我将 HTML 和 SVG 的 CSS 样式混合在一起，并提供完整的 JavaScript 混合。我在这里有一个例子：http: //phrogz.net/svg/3-point-circle.xhtml
Content-Type:application/xhtml+xml确保从您的 Web 服务器提供 .xhtml 文件。
于 2011-02-11T05:20:55.187 回答
3
您可以将 SVG 转换为 Raphael.is，这将使其在 IE6 及更高版本以及 Webkit 浏览器中工作。看看这张图片，当你完成点击链接进入页面和 SVGTOHTML 工具。不确定 SVGZ，但这些文件非常紧凑，适用于 Webkit 的 SVG，并且在专有 IE 中称为 VML。
http://www.irunmywebsite.com/raphael/teacup.php 为在 iPod 上拼写而道歉！
于 2011-02-12T04:55:36.727 回答
2
您可以使用 svgweb，这是一个创建跨浏览器兼容 SVG 嵌入的工具包。对于 IE，它会自动创建一个 Flash 文件。
于 2011-03-24T20:02:35.213 回答