js修改canvas导出图片的品质

2021-04-06

通过js导出canvas，使用方法toDataURL。

/**
 * @param type 图片类型
 * @param encoderOptions 图片质量
 */ 
canvas.toDataURL(type, encoderOptions);

默认导出PNG格式，无法修改品质。

指定图片格式为 image/jpeg 或 image/webp时，可以修改品质，默认值是0.92，范围0到1。

var canvas = document.getElementById("canvas");
var dataURL = canvas.toDataURL('image/jpeg', 0.5);
console.log(dataURL);

参考资料：

https://developer.mozilla.org/zh-CN/docs/Web/API/HTMLCanvasElement/toDataURL

技术