Javascript HTML5画布的绘图指针（鼠标坐标）

当我在HTML5的画布上绘制时，鼠标坐标有问题。我正在使用JavaScript绘制@canvas

以下是我当前在画布中定位鼠标指针的代码：

$('#canvasID').mousedown(function(e) {   
    // Mouse down location
    var mouseX = e.pageX - this.offsetLeft;   
    var mouseY = e.pageY -
    this.offsetTop;
});

当然，我的页面有很多包含，比如我包含标题和菜单框

---

鼠标指针如何在画布内精确，特别是在不同分辨率的电脑上？

这应该在画布上始终返回正确的位置

$("#canvasID").mouseup(function(e) {
  var offset = $(this).offset();
  var mouseX = e.pageX - offset.left;
  var mouseY = e.pageY - offset.top;
});

好了，我们开始：

---

firefox>不支持event.offsetX/Y。您可能想看看这个：谢谢您的建议：）我没有将此作为答案发布，因为没有明确的问题。您能解释一下（在问题中）您有什么问题吗？先生，谢谢。我已经解决了这个问题。无论如何谢谢你。

$('#canvasID').mousedown(function(e) {
    debug(dump(e));
});

// debug (msg)
function debug (msg) {
    $('#debug').prepend(msg+'<br>\n');
}

// dump(ob)
function dump(ob) {
  var out;
  out = 'Properties:<br>\n';
  for (prop in ob) {
    out = out + prop + ': ' + ob[prop] + '<br>\n';
  }
  return out;
}