如何将 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页面，方便访问。