代码片段:https://developers.weixin.qq.com/s/1M1Izbmt7Vvr
调试库:2.21.0
let imageData = ctx.getImageData(0, 0, canvasWidth, canvasHeight);
let data = imageData.data;
for (let i = 0; i < data.length; i += 4) {
data[i] = 255;
data[i + 1] = 0;
data[i + 2] = 0;
data[i + 3] = 0; // 设置为0就有问题
// data[i + 3] = 255;
}
ctx.putImageData(imageData, 0, 0, 0, 0, canvasWidth, canvasHeight);
设置imageData的透明度为0时,真机上并没有透明,反而和设置255是一样的
页面背景色为灰色,上面代码设置整个canvas对应的imageData的透明度都设置了0,期望是整个canvas透明,但测试结果如下
真机上(显示异常,没有透明):在多台安卓机和IOS上测试结果都有问题
开发者工具上(正常,变为透明):

解决了吗? 我也遇到这个坑