设置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

转载于:https://www.cnblogs.com/qinmengjiao123-123/p/10300623.html

设置canvas的背景成白色相关推荐

python 怎么设置背景为白色_pycharm怎么将背景颜色设置成白色？
方法:1.在pycharm中,点击顶部的"文件"选项:2.点击"设置"按钮,进入设置页面:3.点击"编辑器"选项,再点击"颜色&a ...
【canvas 背景色】透明背景转换成白色
canvas 生成图片时,如果是 canvasDom.toDataURL('image/jpeg') 那么图片是黑色底的如果是 canvasDom.toDataURL('image/png') 那么 ...
python如何设置窗口背景色为白色_pycharm怎么将背景颜色设置成白色？
方法:1.在pycharm中,点击顶部的"文件"选项:2.点击"设置"按钮,进入设置页面:3.点击"编辑器"选项,再点击"颜色&a ...
CAD转换成的PNG格式背景如何设置成白色？
CAD转换成的PNG格式背景如何设置成白色?PNG格式是图片中的格式之一,一般也会需要将CAD图纸文件进行转换成这种格式,需要借助到的是CAD版本转换器软件,具体应该怎么样进行操作,使用CAD版本转换 ...
怎样抠图怎么把背景换成白色？几个步骤教你轻松掌握
有时候我们一些照片背景色比较杂乱需要想要换成纯色,或者一些证件照需要更换白色底该怎么操作呢?相信一些制作简历,或者从事电商图片制作的小伙伴可能都遇到过这种问题,但是很多在线处理的小网页也不敢上传图片怕 ...
怎样把CAD图纸的背景颜色修改成白色？
1.先启动运行CAD看图软件.然后点击菜单栏里的[文件]-[打开]选项,选择需要查阅的CAD图纸在CAD看图软件中打开. 2.我们想要修改CAD图纸的背景颜色,可以点击软件菜单栏中修改背景颜色的图 ...
Canvas如何设置一个渐变背景（支持从纯色切换到渐变，从渐变又切换到纯色)
Canvas如何设置一个渐变背景(支持从纯色切换到渐变,从渐变又切换到纯色) Canvas背景设置在开发中遇到一个需求:点击按钮切换canvas的背景,要求是从纯色到渐变,渐变到纯色.开发的时候发现 ...
html把背景设为白色,ps中图片背景怎么改成白色？
ps中将图片背景改成白色的方法 1.首先,把需要修改的照片放在PS中打开,然后在PS界面左侧工具栏中找到魔棒工具(如图所示),用魔棒工具在照片的背景上点击一下. 2.其次,如果照片背景色不是纯色的话, ...
通过css设置canvas背景图片
需要注意的是:canvas和img(做背景的)需要放到一个盒子中,这个盒子需要设置相对位置,而canvas和img需要设置相同的相对位置(父标签的左上角为参考) <!DOCTYPE html&g ...

设置canvas的背景成白色

设置canvas的背景成白色相关推荐

最新文章

热门文章