1

我正在为 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%"/>

提前致谢。

4

2 回答 2

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，不过

于 2013-01-22T13:15:13.507 回答
0

最后，我使用 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）。

于 2013-01-23T08:11:33.887 回答