如何将 snap.svg 与外部文件一起使用？

Question

我知道我可以使用内联 <svg> 元素来加载 snap svg。但是我想通过 <img> 元素使用非内联文件：

<img alt="comparison" src={arcStatic('/images/comparison.svg')} />

var diagram = Snap('img'),
  group = diagram.select('#someGroup')

其中someGroup 是svg g 元素，失败。 group 为空。

另外：

console.log('diagram.constructor.name);

显示这是一个 Element 而不是 Snap 实例。

如何将 snap.svg 用于外部文件？

Answer 1

使用Paper.image函数：http://snapsvg.io/docs/#Paper.image，将图片用snap放到页面中，方便你访问。