平台兼容性

头像裁剪组件

使用说明:

基本数据 类型 默认值 说明
tailorSize Number 240 需要截取的尺寸240x240px
newOffsetX Number 0 拖动缩放完成后的X轴偏移量
newOffsetY Number 0 拖动缩放完成后的Y轴偏移量
props 类型 说明
pictureSrc String 原始图片路径
data 类型 默认值 说明
offsetX Number 0 图像初始化的X轴偏移量
offsetY Number 0 图像初始化的Y轴偏移量
img_width Number 0 图片真实宽度
img_height Number 0 图片真实高度
img_scaling Number 1 图片初始化缩放比例
scale Number 1 拖动缩放完成后的图片缩放比例
scaleMin Number 0.5 最小缩放值
isShow Boolean false 默认显示状态

特别注意

  1. tailorSize的值和style标签内的240px是对应相等的,而style标签内的120px则是240px的1/2,是该组件默认的截取尺寸为240px,使用者若需其他尺寸的则要一并更改成一致对应值。
  2. tailorSize = 240,这是截取的图片尺寸,并不是生成的图片尺寸,生成图片是在截取的图片基础上,组件中默认的生成图片尺寸是tailorSize的1/2,详情请看createImg()方法,另外截取的图片质量也在该方法中设置,详情请看uni文档uni.canvasToTempFilePath方法

具体示例请看GitHub (https://github.com/wzp110/pictureTailor)

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问