画布上的鼠标跟踪器

Question

我需要在javascript中为我的简单画布添加一个函数：

该函数确定鼠标指针在画布上的位置，并将坐标输出为两个变量，pointerX和pointerY。

该功能不断更新，因此变量始终准确。

感谢您的时间，如果您对未提及的详细信息有任何疑问，请在下面回复，我会回复。谢谢！

Answer 1

查看MouseEvent

然后你去：

＆＃13;

＆＃13;

var canvas = document.querySelector("canvas");
var h1 = document.querySelector("h1");

canvas.addEventListener("mousemove", function(e){    
  var x = e.pageX - canvas.offsetLeft;
  var y = e.pageY - canvas.offsetTop;
  h1.innerText = `x:${x},y:${y}`
})

＆＃13;

canvas{
  border:solid;
}

＆＃13;

<canvas  width="100" height="100"></canvas>
<h1></h1>

＆＃13;

＆＃13;

＆＃13;