canvas中鼠标位置错位的问题？

Question

我用canvas实现了一个刮刮卡组件效果但是有一个bug拟篮筐为鼠标位置当鼠标位置在右侧边缘时涂抹位置正确当鼠标位置在左侧边缘的涂抹位置会有偏移，如图所示我的代码如下：this.context.arc(touch.pageX - this.canvas.offsetLeft, touch.pageY -this.canvas.getBoundingClientRect().top + 10, 20, 0, Math.PI * 2);请问是什么原因导致的移动量偏移呢？还望指正，谢谢