当前位置: 首页 > Web前端 > HTML5

立志做最好的移动端图片裁剪插件

时间:2023-04-05 18:23:21 HTML5

vue-image-cropper基于Vue的图片压缩裁剪插件一、功能描述Imagecompression,imagecropping,vueimagecompression,vueimagecropping,vue-image-cropper,to解决部分机型方向错误的问题,可以同时压缩图片的大小和质量2、效果演示(chrome调试模式下或手机打开)3、本地运行gitclonehttps://github。com/Q956164483/vue-image-cropper.gitcdvue-image-cropperyarnyarn运行dev4。复制本项目的./src/components/imageCropper.vue文件(imageCropper.vue需要引入exif-small.js),在需要使用的页面直接导入imageCropper组件并绑定cropperConfig配置参数和回调裁剪后的函数回调loadImage(data){console.log(data)//dataisbase64string}5.git地址6.参数说明cropperConfig:{width:1,//裁剪宽度(比例)height:1,//裁剪高度(比例)quality:0.7,//图像质量(0到1之间)maxWidth:750//导出图片的最大宽度}目前这个组件已经在我们很多项目中使用,暂时还没有发现问题。欢迎提问,共同改进。如果能帮您解决有问题请给个star,谢谢0.0