html 如何清除和更改画布的背景颜色？

cnjp1d6j 于 2023-11-15 发布在其他

关注(0)|答案(1)|浏览(186)

背景颜色必须随着我画画的颜色而改变。
因此，如果我在画布上使用红色绘图，我想单击清除按钮，画布div将清除所有绘图并将背景颜色更改为红色。
这是我到目前为止所拥有的，但我不知道如何将颜色更改为我选择的颜色

function ClearCanvas(sColour) {
    DebugMessage("Clear Canvas");
    const context = oCanvas.getContext('2d');
    context.clearRect(0, 0, oCanvas.width, oCanvas.height);
    document.getElementById("1Canvas").style.background = "____";
}

字符串

Html

来源：https://stackoverflow.com/questions/53251958/how-do-i-clear-and-change-background-colour-of-a-canvas

1条答案

按热度按时间

nbewdwxp1#

当你在画布上绘制颜色时，你需要将fillStyle更改为你想要的颜色。更改画布的背景色是不起作用的。

const canvas = document.getElementById("canvas");
const ctx = canvas.getContext("2d");
const colors = ["blue", "green", "red", "pink", "purple", "grey", "black"];

function draw(color) {
  //This line is actually not even needed...
  ctx.clearRect(0, 0, canvas.width, canvas.height);
  ctx.rect(0, 0, canvas.width, canvas.height);
  ctx.fillStyle = color;
  ctx.fill();
}

let i = 0;
setInterval(() => {
  draw(colors[i]);
  i = (i + 1) % colors.length;
}, 1000);

个字符

赞(0）回复(0）举报 2023-11-15

我来回答

html 如何清除和更改画布的背景颜色？

1条答案

相关问题

热门标签

最新问答