svg图片的缩放拖拽

svg是一种不错的矢量图，有时候我们会使用这样的图片来作为展示图，因为它不会因为放大缩小而失真。

好了，不扯淡了，废话少说，直入主题吧。

首先确定你是要深入学习还是要简单的把遇到的小任务解决一下，以后都很少会接触，显然，大家基本都是偶尔一次是吧。

那么我将告诉你最简单的方式。

链接：http://timmywil.github.io/jquery.panzoom/demo/  相信你要的应该在这里面的demo里面。

这里注意，我们写代码，可以用轮子，但是我们应该注重底层基本原理，及其实现的大概。

那么，现在我们看下它缩放的基础是什么》》》 链接：http://www.html-js.com/article/SVGkaifayuyingyong-SVG-jibenzhishiSVG-fangdasuoxiaozhi-viewbox-chutan-1%203785

看完了，回到这里，这时候我们明白，所谓的放大缩小其实是设置svg的viewbox

看完你会觉得如此简单，但是，我们是不是该考虑一下这个viewbox到底是什么？？

其实，我想这时候你如果思考的话，应该不难思考到，其实就是图片的大小控制，其实一直都是在对svg外围的div控制，这样控制图片的大小。

转载于:https://www.cnblogs.com/blogwangwang/p/9700049.html