相关疑难解决方法(0)

如何在绘制画布元素后更改元素的不透明度(alpha,透明度)?

使用HTML5 <canvas>元素,我想加载一个图像文件(PNG,JPEG等),完全透明地将它绘制到画布上,然后将其淡入.我已经想出如何加载图像并将其绘制到帆布,但我不知道如何绘制它的不透明度.

这是我到目前为止的代码:

var canvas = document.getElementById('myCanvas');

if (canvas.getContext)
{
    var c           = canvas.getContext('2d');
    c.globalAlpha   = 0;

    var img     = new Image();
    img.onload  = function() {
        c.drawImage(img, 0, 0);
    }
    img.src     = 'image.jpg';
}
Run Code Online (Sandbox Code Playgroud)

有人请指出我正确的方向,如设置的属性或调用的功能,将改变不透明度?

html5 transparency alpha canvas opacity

190
推荐指数
7
解决办法
30万
查看次数

标签 统计

alpha ×1

canvas ×1

html5 ×1

opacity ×1

transparency ×1