【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');

【canvas 背景色】透明背景转换成白色相关推荐

python（opencv2、PIL）将图片透明背景转换成白色背景的两种方法
对于急需要用的朋友可以直接用下面的代码 opencv2实现 import cv2def alpha2white_opencv2(img):sp=img.shapewidth=sp[0]height=s ...
怎样抠图怎么把背景换成白色？几个步骤教你轻松掌握
有时候我们一些照片背景色比较杂乱需要想要换成纯色,或者一些证件照需要更换白色底该怎么操作呢?相信一些制作简历,或者从事电商图片制作的小伙伴可能都遇到过这种问题,但是很多在线处理的小网页也不敢上传图片怕 ...
记录一个PIL把透明背景转成白色背景的方法
起先在百度上搜到的文章,的确可以做到透明背景转成白色背景,但是缺陷非常严重,会导致图的背景产生很多像素点,而且效率也不是很高. 又经过了一番搜索之后,发现了一个更好的办法. from PIL impo ...
透明背景转换时变为黑色解决方法
LCD显示图片时的图片格式转换中背景黑色问题从图标网站下载的.png格式的图片背景色是透明,转换时成为了黑色从图标网站下载的.png格式的图片背景色是透明,转换时成为了黑色如果要去除透明的底色, ...
怎么把html背景换白色,美图秀秀怎么将图片背景替换成白色?
美图秀秀是一款优秀的图片处理软件,在美图秀秀软件中,我们可以将图片进行各种各样的美化处理,本篇经验中我将向大家介绍一下,如何将图片的背景替换为白色,好了,我们的教程就正式开始咯,大家速来围观我的经验啦 ...
浅谈JavaScript和Canvas实现彩色图片转换成黑白图片
1.convertToGray() 在主体代码中使用 canvas 元素的id来获取画布,并设置画布的宽和高为图片的宽和高,再将上下文初始化为2d画布:彩色图片加载完成后,使用 drawImage() ...
带透明png转换成c数组
import matplotlib.pyplot as plt # plt 用于显示图片 import numpy as np import cv2 #用cv2.imread读取灰度图,发现获得的图片 ...
设置canvas的背景成白色
解决方案一:将透明的pixel设成白色因为png图片的背景都是透明的,所以我们可以寻找透明的pixel,然后将其全部设置成白色,核心代码如下: JavaScript Code复制内容到剪贴板 // ...
sketchup 图片转模型_不用CAD描图迅速将图片转换成su模型
原标题:不用CAD描图迅速将图片转换成su模型首先上图,说明一下大概的流程: 1.[ps阶段]首先选取一副木雕图片,背景为单色最佳.如果不是单色,则需要ps一下,将背景转换成白色,这个过程使用魔术棒 ...

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

【canvas 背景色】透明背景转换成白色相关推荐

最新文章

热门文章