Javascript 如何在画布中查找坐标

我有一张拉斐尔的纸，我想找到相对于我的纸的坐标

我的

html

：

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

我希望我的论文左上角的

coord.x

和

coord.y

为零，但它不是，所以最后，我找到了一个

---

}

那么，它们是什么呢？嗯。。。我不知道他们现在在做什么。可能是屏幕上的绝对位置？canvasPos的值是多少，比如数字？是的，它们是数字，但不同于pageX、screenX、clientXI。它们的实际值是多少。i、 e.

console.log（convasPos.x）

吐出什么？

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
    };
};

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);