部分透明(不透明)HTML5 Canvas绘图

时间:2010-07-11 16:58:00

标签: javascript html5 canvas transparency opacity

是否可以在画布上动态创建部分透明元素?目前我在CSS中设置整个canvas元素的不透明度,但我希望某些元素比其他元素更明显。

到目前为止我发现的任何内容都表明这是可能的。

1 个答案:

答案 0 :(得分:7)

只需使用rgba(r, g, b, a)(其中a是您的Alpha透明度,从0(完全透明)到1(完全不透明):

myContext.fillStyle = "rgba(0, 0, 0, 0.5)";

示例: