700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > 【canvas 背景色】透明背景转换成白色

【canvas 背景色】透明背景转换成白色

时间:2022-12-22 16:01:49

相关推荐

【canvas 背景色】透明背景转换成白色

canvas 生成图片时,如果是

canvasDom.toDataURL('image/jpeg')

那么图片是黑色底的

如果是

canvasDom.toDataURL('image/png')

那么图片是透明底的

如果希望将图片的透明底色换成白底那么可以设置

const ctx = canvasDom.getContext('2d');const imageData = ctx.getImageData(0, 0, canvasDom.width, canvasDom.height);for (let 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;}}ctx.putImageData(imageData, 0, 0);dataURL = canvasDom.toDataURL('image/png');

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。