svg查看预览 , 鼠标控制放大缩小 , 托拉拽等

1. 自己写是不可能了 , 所以要借用插件 svg-panzoom.js 地址 : https://github.com/ariutta/svg-pan-zoom#demos 及常见问题https://www.npmjs.com/package/svg-pan-zoom
2. 里面写了几种案例
3. 可以选择embed object等方式
4. 我遇到的问题是 , 如果svg你通过http请求来的用embed则会报错(getSvgDocument 为null ) 但是用object 则不会报错

5. svgPanZoom('#sembed', {
             zoomEnabled: true,
           });

    

6. 为object添加事件 , load事件完成是执行5的代码 , 基本上就没问题了