现在的位置: 首页 > 综合 > 正文

HTML5 Canvas drawimage 改变alpha透明度

2014年08月11日 ⁄ 综合 ⁄ 共 250字 ⁄ 字号 评论关闭

对于canvas来说,drawimage应该是用的最多的方法

在很多情况,比如飞机、船渐渐远去,或者云等需要做一些透明度设置,比如从0.5->1的渐变,增加动画效果

百度和API文档都没有找到相关的资料,后来GOOGLE发现,通过设置context的globalAlpha来达到目的。

直接上代码

                                if(idx%2==0)ctx.globalAlpha = 0.5;
				ctx.drawImage(.....................);
				ctx.globalAlpha = 1;
				idx ++;

最后的效果就是一闪一闪。

抱歉!评论已关闭.