clearRect在jquery中不工作

Question

我在畫布內有許多不同的形狀。我想清楚特定的帆布或模糊，如果用戶點擊它

$("canvas").click(function(event) { 

var id = event.target.id; 
var c = document.getElementById(id) 

var ctx = c.getContext("2D"); 
ctx.clearRect(0, 0, 300, 150); 
}); 

它獲取正確的ID，但我不知道爲什麼它是沒有得到清除。 畫布是喜歡 -

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

Answer 1

我認爲錯誤來自getContext("2D")。將其更改爲getContext("2d")。

你也可以簡化您的代碼是這樣的：

$("canvas").click(function(event) { 
    var ctx = $(this)[0].getContext("2d"); 
    ctx.clearRect(0, 0, 300, 150); 
});