無法導入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); 
    ... 
    }