微信小程序 单指平移 双指缩放图片功能

实现功能参考： 微信小程序自定义组件实现图片单指拖动、双指缩放效果 有修改。

给图片加拖动事件，我们需要知道它什么时候被点击、被拖拽和拖拽结束。

通过修改imageView的margin-left和margin-top来改变图片的位置以实现图片的单指移动效果和所有 *** 作结束松手后的回d效果。

通过修改imageView的宽和高以实现图片放大缩小的效果。且需要同时修改其margin-left和margin-top使图片能以【两手指的中间点为原点】缩放。

Talk is cheap, show you the code.

接下来是交互事件

可以使用微信小程序把图片进行切割后发送，具体步骤如下：

所需材料：手机微信、手机。

一、首先在微信小程序内打开“九宫格照片拼图制作”。

二、进入该小程序后，点击“切图”。

三、切图界面点击屏幕中间的“+”上传图片。

四、手机图库内选择一张图片上传。

五、上传图片后会自动切割为九个，点击下方“保存”。

六、这时图片就已经保存至手机内了，按顺序发送给朋友或是朋友圈即可。

---