图片裁剪

平台差异

App	H5	微信小程序	支付宝小程序	头条小程序
√	√	√	√	√

Props

参数	说明	类型	可选值	默认值
url	图片地址	string
image-width	图片宽度	number		320
crop-height	裁剪高度	number		200
crop-width	裁剪宽度	number		200
background-color	底色	number
round	是否圆形	boolean		false
filter-blur	高斯模糊	boolean		false

Events

事件名称	说明	回调参数
success	裁剪成功时触发	function(base64)
fail	裁剪失败时触发	function(errMsg)

Methods

事件名称	说明	参数
open	打开	function()
close	关闭	function()

示例

基本用法

<cl-cropper />

圆形

<cl-cropper round />

背景模糊

<cl-cropper filter-blur />

底色

<cl-cropper background-color="#fff" />

自定义大小

<cl-cropper :crop-height="100" :crop-width="200" />