如何在Angular4中使用svg-pan-zoom库? [英] How to use svg-pan-zoom library with Angular4?
本文介绍了如何在Angular4中使用svg-pan-zoom库?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
window.onload = function() {
svgPanZoom('#demo-tiger', {
zoomEnabled: true,
controlIconsEnabled: true
});
};
上面的代码不适用于Angular?
the above code doesn't work with Angular ??
推荐答案
我使用了svg-pan-zoom 3.5.x版本,以下代码段可能会帮助您导入库.
I have used svg-pan-zoom 3.5.x version, following code snippet may help you to import the library.
// Psuedo angular TS code
import * as SvgPanZoom from 'svg-pan-zoom';
@Component({
selector: 'app-svg-container',
templateUrl: './svg-container.component.html',
styleUrls: ['./svg-container.component.scss']
})
export class SvgContainerComponent implements OnInit, AfterViewInit {
constructor() { }
ngOnInit() { }
ngAfterViewInit() {
// initializing the function
let svgPanZoom: SvgPanZoom.Instance = SvgPanZoom('#wolrd-map-svg', this.options);
/* see typing definiton for more APIs. */
}
... More Codes...
}
这篇关于如何在Angular4中使用svg-pan-zoom库?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文