如何找到在畫布

Question

座標我有一個拉斐爾紙，我要找到相對座標和我的論文

我html：

<div style='width:100%;'> 
    <div id='mycanvas' class='canvas'></div> 
</div> 

我Javascript：

var mypaper = Raphael(mycanvas, '100%', '100%'); 
... 
document.getElementById('mycanvas').onmouseover=function(event) { 
    var canvasPos = { 
     x: this.offsetLeft, 
     y: this.offsetTop 
    }; 
    var coord = { 
     x: event.pageX-canvasPos.x, 
     y: event.pageY-canvasPos.y 
    }; 
}; 

我期待coord.x和coord.y在本文的左上角爲零，但它不是

Answer 1

因此，在最後，我發現了一個answer

function getCursorPosition(canvas, event) { 
var rect = canvas.getBoundingClientRect(); 
var x = event.clientX - rect.left; 
var y = event.clientY - rect.top; 
console.log("x: " + x + " y: " + y); 

}