let compresImage=''//压缩过的图片
let canvas = document.createElement('canvas')
let ctx = canvas.getContext('2d)
let image = new Image()
image.src = imageValue//imageValue是获取的图片
image.onload = function(){
canvas.width = image.width
canvas.height = image.height
ctx.drawImage(image,0,0,image.width,image.height)
//在指定图片格式为 image/jpeg 或 image/webp的情况下,可以从 0 到 1 的区间内选择图片的质量。如果超出取值范围,将会使用默认值 0.92。其他参数会被忽略。
compresImage = canvas.toDataURL('image/jpeg',encoderOptions)
}
注:encoderOptions数值越低,压缩的越小,但是好像不是压缩的比例,所以想要压缩到自己需要的,可以循环压缩。