uniapp 图片剪裁

uni-app的图片裁剪插件nice-cropper是一个简单的图片裁剪插件，它对图片进行了一次封装，修复了图片太小加载后的bug等等。实现思路是通过布局，做上下两层展示，下层展示一张亮度低一点全图，充当遮住部分；上层展示裁剪部分图片，这里显示原图高亮部分；拖拽控制裁剪区域：通过手指拖动来控制裁剪框移动，并动态改变框里的背景图显示位置来做到跟底图同步的效果，放大/缩小框也是同样道理；利用canvas绘图功能把需要裁剪的图片绘制到画布上；最后保存图片完成裁剪。在底图上方绘制裁剪框（蓝色框），并绑定事件可控制大小和位置，这里为了裁剪框的区域图是高亮的，也需要给裁剪框加一个底图背景。