Javascript 如何获取游标'；什么是相对坐标？

我有一块帆布。当按下左键时，我需要得到光标相对于画布左上角的坐标。但是Javascript给我的只是

clientX

，

clientY

，

screenX

和

screenY

。我想计算一下。但是画布上没有可用的

clientX

，

clientY

，

screenX

或

screenY

。

假设您有画布

<canvas id="myCanvas"></canvas>

这将为您提供一个具有以下属性的对象：顶部、右侧、底部和左侧。因此，要计算光标相对于左上角的坐标，只需从clientX和clientY的左上角X和Y坐标中减去

var canvasCursor = { top: clientY - rect.top,
                    left: clientX - rect.left }

var canvasCursor = { top: clientY - rect.top,
                    left: clientX - rect.left }