HTML5 canvas 坐标

$('#canvas').mousedown(function(e){  
  var mouseX = e.pageX - this.offsetLeft;  
  var mouseY = e.pageY - this.offsetTop;   
});  

e.pageX和e.pageY 表示事件执行时获取鼠标在浏览器里的坐标，就是事件触发源的坐标
this.offsetLeft和this.offsetTop表示canvas在浏览器里的位置
相减得到鼠标在canvas里的位置