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

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

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

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

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

Talk is cheap, show you the code.

接下来是交互事件

优点

1. 无需安装，即用即开。2.没有恼人的通知没有恼人的通知是小程序的一大优势。举个例子，在不进行通知管理的情况下，微信视频在后台运行时视频内容推荐总会不时d出。不过如果使用小程序，这些恼人的推荐内容就不会再出现了。不仅如此，可能是小程序推广期的原因，目前使用小程序观看视频即使不是会员也可以观看5s广告后跳过广告，体验更加出色。

3.类型覆盖范围广 目前， 微信官方已经开放了包括商业服务、公益、IT科技、餐饮、旅游、电商平台等18个大类的开发，通过微信小程序，我们可以完成购物、外卖、生活服务等一系列的活动。缺点 1.通过扫一扫功能打开应用不支持长按识别为了增加与服务号之间的区分度，微信在入口、推荐方式等很多途径对小程序作出了限制。除了我们上文已经提到的不支持分享到朋友圈之外，微信甚至对于小程序通过扫一扫进入到方式也作出了限制。用户无法通过识别二维码的方式进入到小程序当中，而只能通过扫码的方式进入2.小程序会消耗内存

我们都知道，无需安装，即用即开是小程序的一大优点。不过这并不意味着小程序可以逆天到不消耗资源。当我们使用微信打开小程序的时候，微信所占用的内存资源是会明显上升的。

cropper组件

cropper.js

cropper.json

cropper.wxml

cropper.wxcc

index.js

index.json

index.wxml

index.wxss

log.js

log.json

log.wxml

log.wxss

app.json

---