Javascript Clear Canvas

Question

我有一個按鈕來清除我的canvas元素的圖形，如下所示：

<button id="button_clear" onclick="clear()" > Clear ! </button>

<canvas id="myCanvas" width="300" height="300" style="border:1px solid #d3d3d3;">

清除功能是這樣的：

function clear(){

  var c = document.getElementById("myCanvas");
  var ctx = c.getContext("2d");
  ctx.clearRect(0, 0, c.width, c.height);
  ctx.beginPath();

}

但是當我點擊清除按鈕時，我的功能根本沒有做任何事情。

Answer 1

盡量避免使用函數名稱，如click() ， clear() ，...更改函數名稱並檢查它是否有效。 請查看此答案以獲取更多詳細信息https://stackoverflow.com/a/5454341/5344661