您的位置:首页 > Web前端 > HTML5

定位Canvas上的坐标

2014-04-03 22:19 369 查看
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;
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  HTML5 canvas