获取图层圆的坐标

<canvas id="myCanvas" width="500" height="500"></canvas>

var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");

ctx.beginPath();
ctx.arc(250, 250, 100, 0, 2 * Math.PI);
ctx.stroke();

canvas.addEventListener("mousemove", function(event) {
  var rect = canvas.getBoundingClientRect();
  var mouseX = event.clientX - rect.left;
  var mouseY = event.clientY - rect.top;
  
  var distance = Math.sqrt(Math.pow(mouseX - 250, 2) + Math.pow(mouseY - 250, 2));
  
  if (distance <= 100) {
    console.log("Mouse is inside the circle");
    console.log("Coordinates: (" + mouseX + ", " + mouseY + ")");
  }
});