周末在家撸了一个vue图片裁剪插件,支持任意尺寸裁剪和等比例裁剪

vue-img-cutter

此项目已发布至npm,且不依赖elementUi

演示地址:http://ihtmlcss.com/demo/dist/#/croptool

项目主页:https://github.com/acccccccb/vue-img-cutter

使用方法:

npm install vue-img-cutter –save-dev

在项目中使用组件:

参数说明:
label:按钮的显示文字,字符串,选填
boxWidth:裁剪工具宽度,数字,选填
boxHeight:裁剪工具高度,数字,选填
rate:图片比例,字符串,选填,例:16:9
cutDown:完成截图后要执行的方法,必填,截图后返回Blob和dataUrl