文件名称:weapp-avatar-cropper:微信小程序中头像裁剪功能的实现
文件大小:9KB
文件格式:ZIP
更新时间:2024-05-28 10:01:59
JavaScript
weapp-avatar-cropper 参照 这篇文章中的思路实现了头像裁剪。 在 pages/constant.js 中可以修改裁剪框尺寸,支持矩形。 在微信开发者工具中预览效果。 实现时需要注意的问题 movable-view 的 damping 需要设得很大,比如 1000 ,否则可能在拖动图片时显示上有问题; 使用 canvas 来绘制图片然后导出图片时,要先 canvas.createImage 来创建一个图片对象,然后使用这个图片对象来 context.drawImage ; canvas 因为实际上在页面上看不到,所以可以用 fixed 定位到屏幕外即可; 。
【文件预览】:
weapp-avatar-cropper-master
----.gitignore(129B)
----app.js(46B)
----project.config.json(762B)
----sitemap.json(191B)
----README.md(914B)
----pages()
--------constant.js(195B)
--------index()
--------avatar-cropper()
----app.json(268B)
----app.wxss(0B)