在HTML網站中嵌入SVG/SVGZ矢量圖形的最簡單方法

Question

在網站中嵌入矢量SVG或包含SVGZ插圖的最簡單方法是什麼？
它必須下2016版本的火狐，Chrome，Opera和Safari和IE瀏覽器的正常工作。

Answer 1

這將幫助你......

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

Answer 2

IE8不支持SVG以任何方式（無需額外的庫，例如SVGWeb），所以你不會得到它的工作無論你的標記。儘管您描述的方法效果很好，但我個人更喜歡將我的SVG內聯包含在XHTML中，因爲它允許我將HTML和SVG的CSS樣式混合在一起，並提供完整的JavaScript混合。我在這裏有一個這樣的例子：http://phrogz.net/svg/3-point-circle.xhtml

請務必從您的Web服務器爲Content-Type:application/xhtml+xml提供.xhtml文件。

Answer 3

您可以將SVG轉換爲Raphael.is 這將使其在IE6以及Webkit瀏覽器中工作。 看看這張圖片，當你完成的鏈接點擊去的頁面和SVGTOHTML工具。 不確定SVGZ，但這些文件是相當緊湊，工作在SVG的WebKit和專有IE疼痛稱爲VML。

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

Answer 4

你可以使用svgweb，創建跨瀏覽器兼容SVG嵌入了一個工具包。對於IE它會自動創建一個Flash文件。

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