js 获取鼠标在画布的位置_关于canvas中获取鼠标坐标的问题

我想做一个鼠标画线的效果 就是类似window自带的画图板那个画线的功能。这个需要获取鼠标的坐标值，但是我总感觉坐标获取得不准确，每次我在画布上画出线条的时候，线条总是在光标明显靠下的位置画出来的，而不是从光标的位置开始画线的。如果在画布的下边画线条 根本出不来，可能获取的实际坐标值超过了画布的大小了。难道是我获取坐标值的方法不对，想请教大家!

test

background: #000;

}

var oC = document.getElementById('cav');

var ctx = oC.getContext('2d');

oC.onmousedown = function (evt) {

var x = evt.pageX - oC.offsetLeft;

var y = evt.pageY - oC.offsetTop;

ctx.moveTo(x, y);

oC.onmousemove = function (evt) {

var x = evt.pageX - oC.offsetLeft;

var y = evt.pageY - oC.offsetTop;

ctx.lineTo(x, y);

ctx.stroke();

}

oC.onmouseup = function () {

oC.onmousemove = null

}

}

}