如何让SVG整体任意自动缩放

Question

如何让SVG整体任意自动缩放

Answer 1

对 SVG 图进行缩放和平移的最简单方法是使用浏览器自带的缩放和滚动功能。在 Internet Explorer 9 中，下表描述了与缩放相关的鼠标和键盘快捷方式。

　　用户操作
　　 键盘快捷键 鼠标快捷键

　　放大 Ctrl + 加号 Ctrl + <向前滚动滚轮>
　　缩小 Ctrl + 减号 Ctrl + <向后滚动滚轮>
　　返回默认缩放级别 Ctrl + 0 不适用

　　使用浏览器的滚动条可在缩放图中轻松进行平移。

Answer 2

我只做过鼠标滚轮缩放：
<svg version="1.1" id="expomap" xmlns="http://www.w3.org/2000/svg" width="930" height="600" viewBox="0 0 1000 645" ondragstart="return false;">

</svg>
然后通过js抓取宽度、高度、viewBox的数据，同时进行等比例缩放就可以了。