javascript - 清除 Canvas 不起作用

Question

我有一个带有 Canvas 的基本页面。在 Javascript 中，我在按下按钮后运行一个函数来更改背景颜色并绘制基本的矩形形状。

我有第二个按钮，虽然它使用另一个 JS 函数来清理 Canvas ，但它不起作用。

function clear() {
  var c = document.getElementById("can1");
  var ctx = c.getContext("2d");

  ctx.clearRect(0, 0, c.width, c.height);
  c.style.backgroundColor = white;
}

我还有一个 codepen 链接，以便您可以看到整个代码。 Codepen page

提前谢谢您。

Answer 1

重命名该函数即可解决问题。

当您在 onclick 事件中调用 clear() 函数时，您将执行 document.clear()。

您可以看看here获取更多答案。