vue-crpopper
一些想法
网上看了看基于vue的图片裁剪的插件很少,刚刚好项目需要使用到图片裁剪,于是便有了这个插件的
诞生。
实现的原理
通过canvas生成新的图片, 可以上传到后台保存。
效果图
安装 npm install vue-cropper
使用 import VueCropper from vue-cropper
名称 | 功能 | 默认值 | 可选值 |
img | 裁剪图片的地址 | 空 | url 地址 || base64 || blob |
outputSize | 裁剪生成图片的质量 | 1 | 0.1 - 1 |
outputType | 裁剪生成图片的格式 | jpg (jpg 需要传入jpeg) | jpeg || png || web |