使用SVG文件的跨瀏覽器解決方案？

什麼跨瀏覽器的JavaScript SVG庫將允許我顯示和交互預製 SVG圖像。使用SVG文件的跨瀏覽器解決方案？

我知道這些庫：

我基本上試圖讓大塊任意圖像「可選擇」。

任何幫助將不勝感激。

2011-12-09 Blender

Raphaël確實支持導入Illustrator SVG，通過使用this great plugin。您只需將您的ai文件保存爲SVG，使用文本編輯器打開它，複製代碼並將其與插件一起導入。作品很好，除了：只支持「路徑」對象，沒有文字，沒有漸變，沒有陰影...

2011-12-10 17:50:49 Choy

我現在正在使用它。不幸的是，它不能很好地工作，並且導出的Illustrator圖像相當糟糕（我得到一個黑色的矩形而不是實際的形狀）。 – Blender

它對複雜的SVG文件有限制。你能發佈你正在使用的SVG文件嗎？ – Choy

問題在於SVG文件的兩個第一個元素：它們是rect項目。該插件僅支持路徑。如果你將它們刪除，它就會起作用。 – Choy

你可以做的是使用cang和svgweb的組合，你可以檢查瀏覽器是否允許畫布，如果是，加載cang並使用它。否則檢查他們是否有閃光燈，如果是的話，請使用svgweb。如果他們沒有，則告訴他們升級瀏覽器。

如果您不確定javascript功能檢測的問題，您可以閱讀。

2011-12-09 19:36:33

不幸的是，我可能不得不這樣做。但我並不是很激動地重新編寫大量的代碼來與兩個庫一起工作，但是如果這是需要的，那麼我將不得不這樣做。 – Blender

我會試圖利用Google Chrome Frame（一個IE插件）。這將節省您維護兩套代碼（一個用於IE用戶，另一個用於常規瀏覽器用戶）。添加下面的元標記到您的網頁將使SVG渲染在IE（通過GCF）：

<meta http-equiv="X-UA-Compatible" content="chrome=1">

See here的說明如何檢測，並有可能提示用戶安裝GCF。

2011-12-10 00:19:08 Lloyd

我想過GCF，但很難讓任何IE用戶安裝它。我更喜歡可以直接使用的東西。 – Blender

我使用http://excanvas.sourceforge.net/爲IE和Can的Canvas支持使用Canvas的SVG支持。

2012-07-22 19:06:26

我發現的最好的解決方案是使用Raphael和this tool，它允許您將SVG文件（在我的情況下由Illustrator生成）轉換爲Raphael代碼。而且因爲拉斐爾是IE6 + - 你可以很容易地在你身上做一些努力。

Here是我可以用這兩個東西的組合來實現的例子。

2013-08-22 01:00:51

回答