在HTML网站中嵌入SVG/SVGZ矢量图形的最简单方法

在网站中嵌入矢量SVG或包含SVGZ插图的最简单方法是什么？
它必须下2016版本的火狐，Chrome，Opera和Safari和IE浏览器的正常工作。在HTML网站中嵌入SVG/SVGZ矢量图形的最简单方法

2011-02-11 Sam

渲染为PNG？ – 2012-11-10 04:56:41

这将帮助你......

<embed src="svg.svgz" width="200px" height="200px" type="image/svg+xml" />

来源

2012-05-07 10:43:36 cgvector

IE8不支持SVG以任何方式（无需额外的库，例如SVGWeb），所以你不会得到它的工作无论你的标记。尽管您描述的方法效果很好，但我个人更喜欢将我的SVG内联包含在XHTML中，因为它允许我将HTML和SVG的CSS样式混合在一起，并提供完整的JavaScript混合。我在这里有一个这样的例子：http://phrogz.net/svg/3-point-circle.xhtml

请务必从您的Web服务器为Content-Type:application/xhtml+xml提供.xhtml文件。

来源

2011-02-11 05:20:55 Phrogz

您可以将SVG转换为Raphael.is 这将使其在IE6以及Webkit浏览器中工作。看看这张图片，当你完成的链接点击去的页面和SVGTOHTML工具。不确定SVGZ，但这些文件是相当紧凑，工作在SVG的WebKit和专有IE疼痛称为VML。

http://www.irunmywebsite.com/raphael/teacup.php 道歉iPod上的拼写打字！

来源

2011-02-12 04:55:36 Chasbeen

你可以使用svgweb，创建跨浏览器兼容SVG嵌入了一个工具包。对于IE它会自动创建一个Flash文件。

http://code.google.com/p/svgweb/

来源

2011-03-24 20:02:35