picture-compressor-plus
前端图片压缩工具,使用 canvas 对图片做压缩处理。
使用时,可以设置目标图片的宽高 返回的目标图片填充模式有两种
- scale 默认等比例缩放,保证图片在设置的宽高之内完成显示,设置宽/高为 0 时则此边为等比自动缩放值
- fill 平铺显示,将图片尺寸设置为参数宽高,可能引起图片变形
自动处理图片旋转
依赖 exif-js 库
安装
npm install picture-compressor-plus --save
使用
or
options 选项
name | type | 描述 | 是否必选 | 默认值 |
---|---|---|---|---|
img | String | 图片资源的 url 或者 base64 | Y | - |
width | Number | 生成图片的宽度 >= 0 | Y | - |
height | Number | 生成图片的高度 >= 0 | Y | - |
quality | Number | 生产图片质量 | N | 0.92 |
type | String | 生成图片类型(jpg or png) | N | jpg |
fit | String | 图片填充方式(scale:等比缩放 or fill:填充) | N | scale |
returns 返回值
name | type | 描述 |
---|---|---|
img | String | 图片 base64 |
width | Number | 图片宽度 |
height | Number | 图片高度 |