使用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';
}
有没有人能给我指出正确的方向,比如要设置的属性,或者要调用的改变不透明度的函数?
https://stackoverflow.com/questions/2359537
复制相似问题