vue 怎么获取鼠标在canvas的坐标 具体代码
时间: 2024-05-07 09:15:48 浏览: 79
vue2.0获取鼠标位置的方法
可以使用以下代码获取鼠标在canvas中的坐标:
```
canvas.addEventListener("mousemove", function(event) {
const rect = canvas.getBoundingClientRect();
const mouseX = event.clientX - rect.left;
const mouseY = event.clientY - rect.top;
console.log(`Mouse position: (${mouseX}, ${mouseY})`);
});
```
其中,`canvas`是你的canvas元素,`mousemove`是事件类型,`event`是事件对象。`getBoundingClientRect()`方法可以获取canvas元素相对于视口的位置和大小。`clientX`和`clientY`是鼠标在视口中的位置,减去canvas元素的左上角相对于视口的位置,就可以得到鼠标在canvas中的位置。
阅读全文