wx-cropper 一款人性化的小程序图片裁剪插件,支持旋转(wxcropper是什么意思)

网友投稿 890 2022-10-12

wx-cropper 一款人性化的小程序图片裁剪插件,支持旋转(wxcropper是什么意思)

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上传图片接口并开始剪裁
pushImgsrc放入图片开始裁剪
getImgFunction(回调函数)Object{url,width,height}裁剪并获取图片(图片尺寸 = 图片宽高 * export_scale)
setCutXYX、Y设置裁剪框位置
setCutSizewidth、height设置裁剪框大小
setCutCenter设置裁剪框居中
setScalescale设置图片缩放比例(不受min_scale、max_scale影响)
setAngledeg设置图片旋转角度(带过渡效果)
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小时内删除侵权内容。

上一篇:秋招之路-UDP 和 TCP 核心知识总结
下一篇:采用微信小程序编写 实现了为图片带帽子的功能(微信小程序编写选择题代码)
相关文章

 发表评论

暂时没有评论,来抢沙发吧~