无法将 snap.svg 导入 ionic2 项目
Unable to import snap.svg to ionic2 project
我关注了 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
有什么建议吗?
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);
...
}
我关注了 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
有什么建议吗?
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);
...
}