强制画布透明度

Question

已经看过这里 - LINK

我正试图让我画布上的黑色背景变得半透明，但这次尝试 -

context.fillStyle = "rgba(0, 0, 200, 0.5)";

- 似乎没有任何改变。

Play with my codepen!

Answer 1

看起来你的css规则#canvas没有得到应用。 在您的javascript中，您创建了一个标记canvas，但没有为其分配ID。尝试分配id="canvas"，您的#canvas { opacity:0.4; }将会被应用。

canvas = document.createElement("canvas");
canvas.id="canvas";