svg圖放大、縮小、拖拽

在頁面裏使用svg,並且能縮放平移

1,你要有一個svg文件,畫圖工具我用的是inkscape-0.92.4-x64\inkscape\inkscape.exe,操作和CAD相似,都是傻瓜式操作,自己捯飭幾遍就會了
在這裏插入圖片描述
2,畫好了之後,在開發工具打開這個svg文件,將你的svg文件代碼放在你的頁面需要放的位置
3,然後下載三個依賴的js文件,jQ、平移、縮放。
在這裏插入圖片描述
4,將這三個文件依次引入頁面,然後在頁面內初始化拖拽和縮放:
在這裏插入圖片描述

至此,打開頁面,就能實現svg的拖拽和平移了:
在這裏插入圖片描述
做人嘛,最重要的就是開心啦!der

在這裏插入圖片描述