canvas.toDataURL 处理图片时传递参数 quality 将图片压缩无效

图片转bace64方法如下

function getBase64Image(img) {
    var dataURL;
    var canvas = document.createElement("canvas");
    canvas.width = img.width;
    canvas.height = img.height;
    var ctx = canvas.getContext("2d");
    ctx.drawImage(img, 0, 0, img.width, img.height);
    var ext = img.src.substring(img.src.lastIndexOf(".") + 1).toLowerCase();
    dataURL = canvas.toDataURL("image/" + ext, 0.5);
    return dataURL;
}

在 canvas.toDataURL 时传 quality 参数,不管传几都没有体现出来压缩,传1图片出来是300k ,传0.1出来也是300k

求解

1个回答

canvas.toDataURL(type, args) type为image/jpeg时才会有效果

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问
相关内容推荐