各位老师好,请教一下这个问题:
data:image/png;base64图片数据,是一个透明的png图片,在谷歌浏览器里显示的是黑色(透明),我将这个数据输入到canvas,结果图片透明的地方,全部变成了白色,请问这个该怎么处理呀?是我用的命令不对还是需要做什么操作呢?
谷歌浏览器显示情况:透明区域显示为黑色
小程序canvas渲染情况:透明区域成白色背景
canvas渲染方式:
var ima = app.globalData.img //data:image/png;base64数据
const ctx = wx.createCanvasContext('myCanvas')
ctx.drawImage(ima, 0, 0)
ctx.draw()
这应该是跟你的画布背景颜色有关,改成黑色看看
const ctx = wx.createCanvasContext('myCanvas')
ctx.rect(0, 0, this.data.kd, this.data.gd)
ctx.setFillStyle('red')
ctx.fill()
ctx.draw()