Javascipt Canvas，我点击后去掉一个圆圈

Question

in this code i create a circle and put him where i want on canvas, i want to remove him after clicking on it and if i click again than display him, how i can do this?

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

Answer 1

You have to clear the canvas part where your circle is drawing

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