【微信小程序】小程序手指点击缩放、拖拽图片

碰到了一个项目里面需要用到图片的缩放和拖拽功能，找了好多都没能实现自己想要的效果。还是要靠自己啊，那咋办啊？写呗，有啥大不了的！上代码！

view子元素缩放、移动 说明：只能在真机上面调试，开发者工具上面你想想就知道了！

上效果图(备注：效果图是GIF的，本人不会制作GIF所以效果图是网上找的。所以展示的效果会和代码有些出入)

 

wxml

  <view class="img" catchtouchstart="touchstartCallback"  catchtouchmove="touchmoveCallback" catchtouchend="touchendCallback"  >
    <image style="transform:translate({
  {stv.offsetX}}px, {
  {stv.offsetY}}px) scale({
  {stv.scale}});" src="../../images/timg.jpeg"></image>
  </view>

 wxss

/**scale.wxss**/
.img {
  width: 100%;
  height: 500rpx;
  overflow: hidden;
  background: