定位Canvas上的坐标

1.首先获得相对于整个页面的坐标:

function getCursorPosition(e) {
    var x;
    var y;
    if (e.pageX != undefined && e.pageY != undefined) {
    x = e.pageX;
    y = e.pageY;
    }
    else {
    x = e.clientX + document.body.scrollLeft +
            document.documentElement.scrollLeft;
    y = e.clientY + document.body.scrollTop +
            document.documentElement.scrollTop;
    }


2. 减去canvas元素的offset:

x -= canvasElement.offsetLeft;
y -= canvasElement.offsetTop;


你可能感兴趣的:(canvas,html5)