图片跟随鼠标移动的效果怎么写？

Question

想实现这样的效果：

1. img显示在div里
2. div宽高小于img宽高，溢出部分隐藏
3. 按下鼠标左键，可拖拽img在div中的显示
4. 拖拽时，溢出部分显示，并且div宽高位置不变

昨天研究了一天，没写出来第4点，
大家可以帮下吗？
最好有个demo，谢谢啦

Answer 1

拖动显示的话，你就把 overflow 改掉，默认隐藏就是 overflow:hidden;

效果地址：http://www.lilnong.top/static/html/wechat-avatar-70-call-translate-scale-rotate-pc.html