Javascript Canvas，点击后删除一个圆圈答案

【问题标题】：Javascipt Canvas, Remove a circle after I click on itJavascript Canvas，点击后删除一个圆圈
【发布时间】：2022-01-15 00:16:31
【问题描述】：

在这段代码中，我创建了一个圆圈并将其放在画布上我想要的位置；我想在单击它后将其删除，如果我再次单击而不是显示它。我该怎么做？

var createCircle = new ShootyController();
createCircle.x;
createCircle.y;
createCircle.radius = 10;
createCircle.color = "red";

canvas.addEventListener(
  "click",
  function (e) {
    createCircle.x = e.clientX;
    createCircle.y = e.clientY;

    createCircle.x -= canvas.offsetLeft;
    createCircle.y -= canvas.offsetTop;
  },
  {once: true}
);

【问题讨论】：

标签： javascript html canvas

【解决方案1】：

您必须清除画圈所在的画布部分

let canvas = document.getElementById("myCanvasID");
let context = canvas.getContext('2d');
context.clearRect(0, 0, canvas.width, canvas.height);

【讨论】：