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

我认为错误来自string。将其更改为getContext("2D")。

您还可以将代码简化为以下内容：

getContext("2d")