父元素定位使canvas touch交互失效

在使用canvas的时候，因为业务需求，将canvas的最外层元素设置了position: fixed;，结果使用canvas画图时，就画不出来了。
查找了一番发现是x、y坐标取得不对。
刚开始是这样写的

let point = {
x:e.targetTouches[0].pageX - this.canvas.offsetLeft;
y:e.targetTouches[0].pageY - this.canvas.offsetTop;
}
this.context.lineTo(point.x, point.y);

将pageX、pageY改成clientX、clientY就可以了。