- 自己写是不可能了 , 所以要借用插件 svg-panzoom.js 地址 : https://github.com/ariutta/svg-pan-zoom#demos 及常见问题https://www.npmjs.com/package/svg-pan-zoom
- 里面写了几种案例
- 可以选择embed object等方式
- 我遇到的问题是 , 如果svg你通过http请求来的用embed则会报错(getSvgDocument 为null ) 但是用object 则不会报错
-
svgPanZoom('#sembed', { zoomEnabled: true, });
- 为object添加事件 , load事件完成是执行5的代码 , 基本上就没问题了