嵌入SVG與RaphaelJS

Question

我正在開發一個Web應用程序的SVG查看器。我必須使用現有的SVG文件，並處理它們以顯示工具提示，使用鼠標事件做效果......

我已經找了一個好的庫來做到這一點，RaphaelJS似乎很有用，它具有IE兼容性（甚至IE8 ）。

但是，經過幾次嘗試後，我無法通過Raphael獲得帶有SVG的嵌入元素。

這不可能嗎？如果不是，我該怎麼做？

我的代碼，我加載SVG文件是：在高級

<embed wmode="transparent" id="viewer" src="svg/mouseover.svg" pluginspage="http://www.adobe.com/svg/viewer/install/" type="image/svg+xml" width="100%" height="100%"/> 

感謝。

Answer 1

就像我所知道的那樣，raphael並不用於在網頁中嵌入現有的svg。相反，其目的是爲了使您可以使用JavaScript來創建SVG動態

看到http://net.tutsplus.com/tutorials/javascript-ajax/an-introduction-to-the-raphael-js-library/

編輯： 看看https://github.com/wout/raphael-svg-import，雖然

Answer 2

最後，我已經達到了使用jQuery SVG（解決方案http://keith-wood.name/svg.html）而不是RaphaelJS（http://raphaeljs.com/）。

這是使用這個插件的代碼：

var svgDoc = $(document.getElementById("viewer").getSVGDocument().documentElement); 
$(svgDoc.get(0)).svg(); 
var svg = $(svgDoc).svg('get'); 

此外，該代碼適用於大多數瀏覽器（IE8，IE9，火狐ÿ鉻）的。