无法导入snap.svg到ionic2项目

Question

我跟着documentation，但我没能获得snap.svg我Ionic2项目。

安装：

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）安装进口装载机和卡：

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); 
    ... 
    }