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

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

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

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

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

Talk is cheap, show you the code.

接下来是交互事件

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

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

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

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

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

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

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

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

1、在手机小程序里点击放局型卜大你要ps的图片。

2、长按放大后的图片，d出的页面里头，选择编辑。

3、进入编辑页面租拦后，可以进行文字插入、表情插入桐穗、涂鸦、裁剪旋转功能，就可以ps了。

---