javascript - 清除矩形在 jquery 中不工作

Question

我在 Canvas 上有许多不同的形状。我想清除特定的 Canvas 或在用户单击它时模糊它

$("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 就像-

 <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);
});