前端框架选型是企业提升开发效率与用户体验的关键因素
1021
2022-10-12
wx-cropper 一款人性化的小程序图片裁剪插件,支持旋转(wxcropper是什么意思)
image-cropper
一款高性能的小程序图片裁剪插件,支持旋转。
1.功能强大。
2.性能超高超流畅,大图毫无卡顿感。
3.组件化,使用简单。
体验Demo
初始准备
1.json文件中添加image-cropper
"usingComponents": { "image-cropper": "../image-cropper/image-cropper" }, "navigationBarTitleText": "裁剪图片", "disableScroll": true
2.wxml文件
3.简单示例
参数说明(高亮属性表示对于上个版本有修改,请注意)
函数说明
函数名 | 参数 | 返回值 | 描述 | 参数必填 |
---|---|---|---|---|
upload | 无 | 无 | 调起wx上传图片接口并开始剪裁 | 否 |
pushImg | src | 无 | 放入图片开始裁剪 | 是 |
getImg | Function(回调函数) | Object{url,width,height} | 裁剪并获取图片(图片尺寸 = 图片宽高 * export_scale) | 是 |
X、Y | 无 | 设置裁剪框位置 | 是 | |
setCutSize | width、height | 无 | 设置裁剪框大小 | 是 |
setCutCenter | 无 | 无 | 设置裁剪框居中 | 否 |
setScale | scale | 无 | 设置图片缩放比例(不受min_scale、max_scale影响) | 是 |
setAngle | deg | 无 | 设置图片旋转角度(带过渡效果) | 是 |
setTransform | {x,y,angle,scale,cutX,cutY} | 无 | 图片在原有基础上的变化(scale受min_scale、max_scale影响) | 根据需要传参 |
imgReset | 无 | 无 | 重置图片的角度、缩放、位置(可以在onloadImage回调里使用) | 否 |
Demo地址:https://github.com/wx-plugin/image-cropper-demo
如果有什么好的建议欢迎提issues或者提pr
QQ1977474741
鼓励作者
版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。
发表评论
暂时没有评论,来抢沙发吧~