canvas 的父元素absolute 或fixed，canvas touch失效

Question

<div style="position:fixed">
    <canvas style="position:absolute"></canvas>
</div>

想父元素fixed固定 canvas相对于父元素固定 然后canvas的touch交互就失效了 什么原因..

Answer 1

估计你在写X和Y 的坐标出了问题，我开始使用的是

cxt.lineTo(e.changedTouches[0].pageX, e.changedTouches[0].pageY);

后来改成了

cxt.lineTo(e.changedTouches[0].clientX, e.changedTouches[0].clientY);

你可以试一下

Answer 2

我也遇到了这个问题，你知道为什么了吗？