无法将snap.svg导入ionic2项目

Question

我关注了documentation，但我无法在 Ionic2 项目中使用 snap.svg 。

安装：

npm install snapsvg --save
npm install @types/snapsvg --save

使用：

import * as snapsvg from 'snapsvg';
var s = snapsvg.Snap(800,600);

错误：

Uncaught TypeError: Cannot read property 'on' of undefined

有任何建议吗？

Answer 1

1）安装imports-loader和snap：

npm i imports-loader
npm i snapsvg
npm i @types/snapsvg

2）在html模板中创建元素：

<svg width="200" height="200" id="svg"></svg>

3）将其导入您的组件：

import Snap from 'imports-loader?this=>window,fix=>module.exports=0!snapsvg/dist/snap.svg.js';

4）在你的组件中使用它：

 ionViewDidEnter() {
    let s = Snap("#svg");
    let circle = s.circle(50, 50, 100);
    ...
  }