微信小程序图片压缩
wx-image-compress
微信图片压缩
安装
npm
在使用默认的aspectRatio:0.5 ,quality:0.5 情况下,能正常压缩,使大小变小。但是我们仍然不能精准的控制压缩后的大小。
npm install wx-image-compress 使用 1、引入
import ImgCompress from '../../wx-image-compress/img-compress.js'; 2、初始化
this.imgCompress = new ImgCompress(this); 3、引入图片压缩组件
<!-- 在你的.wxml文件中引入图片压缩组件 --> <import src="../../wx-image-compress/img-compress.wxml"/> <template is="img-compress" data="{{ canWidth, canHeight }}"></template> 4、压缩
/* * imgPath:图片路径 * aspectRatio:图片宽高压缩比,0~1,默认0.5 * quality:图片质量,0~1,默认0.5 */ this.imgCompress.compress(imgPath , aspectRatio, quality) .then(res => { console.log('压缩成功',res); }).catch(e => {e console.log('压缩失败',e); })
Tips:
aspectRatioss表示图片压缩后的宽高 / 压缩前的宽高,quality表示图片的压缩质量,越小压的越狠。iOS系统,在宽高缩小,质量为1的情况下,压缩后的图片大小会减小,但是在Android中反而大小会变大。在使用默认的aspectRatio:0.5 ,quality:0.5 情况下,能正常压缩,使大小变小。但是我们仍然不能精准的控制压缩后的大小。
版权声明:
1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。2、网站不提供资料下载,如需下载请到原作者页面进行下载。