部分透明（不透明）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