javascript - 画布内单个图像的透明度

Question

我试图为我在画布上创建的单个图像提供透明度，globalAlpha 对我不起作用，因为我只需要影响一个图像并且会影响所有图像。

var canvas = document.getElementById('cvs');
var ctx = canvas.getContext('2d');
var image = new Image();
image.src = "../img/image.jpg";
image.onload = function () {
    ctx.drawImage(image, 200, 200, 100, 100);
}

var image1 = new Image();
image1.src = "../img/image.jpg";
image1.onload = function () {
    ctx.drawImage(image1, 400, 400, 100, 100);
}

标签： javascript

Answer 1

设置globalAlpha为您的透明度级别，绘制图像，返回globalAlpha1。