获取放大主体时在画布上绘制的鼠标坐标

Question

我用HTML5画布构建了一个签名板，并使用Javascript鼠标事件进行了功能以绘制到画布中。

在“ mousemove”事件中，我这样做是为了获取鼠标和绘制的坐标：

    onDraw(e) {
        const mouseX = e.pageX - this.canvasNativeEl.getBoundingClientRect().left;
        const mouseY = e.pageY - this.canvasNativeEl.getBoundingClientRect().top;   

        this.ctx.lineTo(mouseX, mouseY);
        this.ctx.stroke();
    }

当主体缩放为100％时，这很好用，但是当主体缩放为例如140％时，鼠标坐标是如此不同，并且它远离光标而绘制，请参见screenshot。