文件名称:微信小程序-图片放缩、旋转、裁剪 for 微信小程序
文件大小:88KB
文件格式:ZIP
更新时间:2022-08-26 00:08:30
微信小程序
weCropper 图片放缩、旋转、裁剪 for 微信小程序,实现方式是canvas作图 使用方法 下载代码,在微信开发者工具中选择相应包路径,打开后可直接查看 说明 项目基础来自这位同学https://github.com/dlhandsome/we-cropper ,增加了旋转功能,优化了些细节。 本来打算做成如下效果(即有个半透明层): 试过两种方法: 1)在canvas上增加遮罩。--然而小程序里canvas组件是由客户端创建的原生组件,它的层级是最高的。遮罩会被盖住。 2)两个canvas层叠。--在开发工具上好好的,到手机上就不行了。。 另外,由于touchMove绑定的函数里有canvas作图,会对手机性能消耗比较严重。推荐上传压缩图,函数节流等。(尽管如此,还是出现了卡顿。。) 目前只做成这样,凑合着用了。貌似微信以后会出图片裁剪的组件。或者将白俊杰https://github.com/baijunjie/PhotoClip.js 的做法搬到小程序上,这个可能会比较复杂了 最后 求个star^_^
【文件预览】:
weCropper-master
----test.jpg(30KB)
----ideal.jpeg(55KB)
----app.json(379B)
----pages()
--------components()
----app.wxss(151B)
----app.js(256B)
----README.md(1KB)
----.gitattributes(378B)