清除畫布不起作用

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() 。

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