vue-cropper所有属性

vue-cropper 所有属性名称功能默认值可选值img裁剪图片的地址空url 地址 || base64 || bloboutputSize裁剪生成图片的质量10.1 - 1output

想new个对象

3477人浏览 · 2021-04-23 17:15:37

想new个对象 · 2021-04-23 17:15:37 发布

vue-cropper 所有属性

名称	功能	默认值	可选值
img	裁剪图片的地址	空	url 地址 \|\| base64 \|\| blob
outputSize	裁剪生成图片的质量	1	0.1 - 1
outputType	裁剪生成图片的格式	jpg (jpg 需要传入jpeg)	jpeg \|\| png \|\| webp
info	裁剪框的大小信息	true	true \|\| false
canScale	图片是否允许滚轮缩放	true	true \|\| false
autoCrop	是否默认生成截图框	false	true \|\| false
autoCropWidth	默认生成截图框宽度	容器的80%	0~max
autoCropHeight	默认生成截图框高度	容器的80%	0~max
fixed	是否开启截图框宽高固定比例	true	true \| false
fixedNumber	截图框的宽高比例	[1, 1]	[宽度, 高度]
full	是否输出原图比例的截图	false	true \| false
fixedBox	固定截图框大小不允许改变	false	true \| false
canMove	上传图片是否可以移动	true	true \| false
canMoveBox	截图框能否拖动	true	true \| false
original	上传图片按照原始比例渲染	false	true \| false
centerBox	截图框是否被限制在图片里面	false	true \| false
high	是否按照设备的dpr 输出等比例图片	true	true \| false
infoTrue	true 为展示真实输出图片宽高 false 展示看到的截图框宽高	false	true \| false
maxImgSize	限制图片最大宽度和高度	2000	0-max
enlarge	图片根据截图框输出比例倍数	1	0-max(建议不要太大不然会卡死的呢)
mode	图片默认渲染方式	contain	contain , cover, 100px, 100% auto

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^