javascript - 我可以处理 Canvas 对象上的哪些事件？

Question

关于 canvas object 的事件我能处理的。特别是，我正在寻找一个鼠标点击(或向下、向上等)事件，它会给我 Canvas 内的 x 和 y。

Answer 1

这里有一点[ Demo ]。

var canvas = document.getElementById("canvas");
canvas.onclick = function(e) {
  // mouse coordinates relative 
  // to the canvas element
  var position = canvas.getBoundingClientRect();
  var click = {
    x: e.clientX - position.left,
    y: e.clientY - position.top
  };
};