在HTML网站中嵌入SVG/SVGZ矢量图形的最简单方法(适用于所有主要的2016浏览器)

Question

在网站中嵌入矢量SVG或compresed SVGZ插图的最简单方法是什么？
它必须在2016版本的Firefox,Chrome,Opera和Safari以及Internet Explorer下正常运行.

Answer 1

这会对你有所帮助......

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

Answer 2

IE8不支持任何方式的SVG(没有额外的库,如SVGWeb),因此无论你的标记是什么,你都不会让它工作.

虽然你描述的方法运行良好,但我个人更喜欢在XHTML中包含我的SVG内联,因为它允许我将HTML和SVG的CSS样式混合在一起,并提供完整的JavaScript混合.我在这里有一个例子:http://phrogz.net/svg/3-point-circle.xhtml

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