如何在 HTML Canvas 中指定背景和文本 colors？

Question

如何為背景和文本指定顏色？

const canvas = createCanvas(200, 200);
const ctx = canvas.getContext("2d");
ctx.font = "30px Impact";
ctx.fillText("Awesome!", 50, 100);

Answer 1

我只需要更改fillStyle - 它設置顏色，然后繪制顏色背景，然后更改顏色，然后繪制文本：

const canvas = createCanvas(200, 200);
const ctx = canvas.getContext("2d");
ctx.fillStyle = "rgba(0,0,0,1)";
ctx.fillRect(0, 0, 200, 200);
ctx.font = "30px Impact";
ctx.fillStyle = "rgba(255,255,255,1)";
ctx.fillText("Awesome!", 50, 100);