清除画布不起作用

Question

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

我有第二个按钮，尽管它使用另一个JS函数来清理画布，但是它不起作用。

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页面

先感谢您。

Answer 1

重命名功能可以解决问题。

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

您可以在这里查看更多答案。