我需要一个 JavaScript 中的简单 Canvas 函数:
该函数确定鼠标指针在 Canvas 上的位置,并将坐标输出到两个变量:pointerX 和pointerY。
该函数不断更新,因此变量始终准确。
感谢您的宝贵时间,如果您对未提及的细节有任何疑问,请在下面回复,我会回复。谢谢!
最佳答案
现在就开始吧:
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}`
})
canvas{
border:solid;
}
<canvas width="100" height="100"></canvas>
<h1></h1>
关于javascript - Canvas 上的鼠标跟踪器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42191137/