在画布javascript中获取鼠标位置

Question

我需要在画布上获得鼠标位置，我正在使用它：

canvas.onmousedown = function(e){mouseIsDown = true; mouse.x = event.offsetX; mouse.y = event.offsetY};
canvas.onmouseup = function(e){mouseIsDown = false};
canvas.onmousemove = function(event){if(mouseIsDown) {mouse.x = event.offsetX; mouse.y = event.offsetY} };

其中鼠标是由：

定义的vec

function vec(x,y) {
this.x = x;
this.y = y;
this.length = function() { Math.sqrt(x*x + y*y); }
this.normalize = function() {
    this.x /= this.length();
    this.y /= this.length();
}

}

我正在用鼠标位置画一个点：

gfx.fillStyle = "#FFFFFF";
gfx.fillRect(mouse.x,mouse.y,1,1);

如果我不触摸画布的尺寸，它会起作用，但是如果我修改它们（在一个单独的css文件中），点开始做一些奇怪的事情，似乎代码正在读取画布中的鼠标位置维度未经修改。