Javascript 在触摸移动时稳定触摸事件坐标

我正在开发一个小应用程序，允许用户使用three.js在3d中徒手绘制（结果与Blender的有点类似）。这个应用程序可以在任何浏览器上运行，但我的主要目标平台是：带苹果铅笔的iPad

与鼠标相比，苹果铅笔触发的touchmove事件数量非常多，这会导致我的线条在某些场景中“锯齿状”，特别是当线条绘制缓慢时

这是一个例子。我在这里做的唯一一件事是：

//convert coordinate to three.js space
x = (x / window.innerWidth) * 2 - 1;
y = -(y / window.innerHeight) * 2 + 1;
var vNow = new THREE.Vector3(x, y, 0);

//unproject the coordinates based on the camera
vNow.unproject(camera);

//push a new line into the line geometry
line.geometry.vertices.push(vNow);

//re-render the line at every mousemove
setGeometry()

如果你用鼠标试一下，结果很好。但一旦你换成苹果铅笔…这就是我想要的