部分透明（不透明）HTML5画布图

Question

是否可以在画布上实时创建部分透明元素？目前，我在CSS中设置了整个画布元素的不透明度，但是我希望某些元素更容易被其他人看到。

到目前为止我找到的没有什么表明这是可能的。

Answer 1

只需使用rgba(r, g, b, a)（其中a是从0（完全透明的alpha透明度）到1（完全不透明）：

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

实例：

• https://developer.mozilla.org/samples/canvas-tutorial/4_4_canvas_rgba.html
• https://developer.mozilla.org/en/drawing_graphics_with_canvas