imgResize 介绍
大体的思路是,部分 API 的兼容性请参照caniuse:?
利用FileReader,读取blob对象,或者是file对象,将 图片 转化为data uri的形式。?
使用canvas,在 页面 上新建 一个 画布,利用canvas提供的 API,将 图片 画入这个画布当中。?
利用canvas.toDataURL(),进行 图片 的压缩,得到 图片 的data uri的值?
上传 文件 。
安装
npm install canvas-resize --save
使用
import canvasResize from 'canvas-resize'
canvasResize(img,{
crop: false,
quality: 0.9,
rotate: 0,
callback(baseStr) {
console.log(baseStr.length)
}
})
GitHub: https://github.com/CommanderXL/imgResize
网站描述: 移动端H5 图片 压缩
imgResize官方网站
官方网站:
如果觉得 网站内容还不错,欢迎将 网站 推荐给程序员好友。
声明:本文来自网络,不代表【好得很程序员自学网】立场,转载请注明出处:http://haodehen.cn/did174943