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，Firefox和Chrome）。

用RaphaelJS嵌入SVG

2 个答案: