設置canvas的背景成白色

解決方案一:將透明的pixel設成白色

由於png圖片的背景都是透明的,因此咱們能夠尋找透明的pixel,而後將其所有設置成白色,核心代碼以下:

JavaScript Code複製內容到剪貼板
// 將canvas的透明背景設置成白色
var imageData = context.getImageData(0, 0, canvas.width, canvas.height);
for(var i = 0; i < imageData.data.length; i += 4) {
// 當該像素是透明的,則設置成白色
if(imageData.data[i + 3] == 0) {
imageData.data[i] = 255;
imageData.data[i + 1] = 255;
imageData.data[i + 2] = 255;
imageData.data[i + 3] = 255;
}
}
context.putImageData(imageData, 0, 0);

其餘方法見https://m.aliyun.com/jiaocheng/646601.html