I am trying to create an image editor using JS.

<canvas id="canvas2"></canvas>

I need to get the position of mouse relative to the page itself, not viewport.

var offsetX=canvasOffset.left;

canMouseX1=parseInt(e.clientX-offsetX)

I can get the mouse position relative to viewport, and it works unless you start zooming the browser.

From these 2 pictures we can see that the mouse is pointing at the same point, but the position is different relative to viewport. Any suggestions?