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的代碼 , 基本上就沒問題了