vue canvas 点击偏移量

这是一个技术问题，我可以尝试回答。在Vue中，你可以使用$refs获取到canvas元素，然后在mounted钩子函数中监听click事件，获取鼠标点击的坐标（event.clientX、event.clientY），再减去canvas元素的左上角距离浏览器窗口左上角的距离（canvas.getBoundingClientRect().left/top），就可以得到相对于canvas元素左上角的偏移量。具体实现方式可以参考以下代码：

<template>
  <canvas ref="canvas"></canvas>
</template>

<script>
export default {
  mounted() {
    const canvas = this.$refs.canvas;
    const { left, top } = canvas.getBoundingClientRect();

    canvas.addEventListener('click', event => {
      const offsetX = event.clientX - left;
      const offsetY = event.clientY - top;
      console.log('offsetX:', offsetX, 'offsetY:', offsetY);
    });
  },
};
</script>