在超文本标记语言画布上使用iPad绘图时禁用IOS滚动

Question

我正在尝试创建一个在html中的画布，用户可以在上面绘画。它适用于任何鼠标设备，如pc或max。它在非ios触控设备(如android/windows平板电脑)上也能正常工作。但对于ios触控设备(如ipad或iphone)，它就不起作用了。当您尝试绘制时，它会在您绘制时滚动页面。你知道在画布上绘图时如何在ios设备上禁用这种滚动操作吗？

这是一个html绘图画布的例子，尝试在ipad或iphone上的画布上作画，但不是第一个演示，由于某些原因，第一个演示可以工作，但其他的都不能工作。

Answer 1

我通过使用onTouchStart，onTouchMove，onTouchEnd让它工作。

对于onTouchMove，您将获得一个changedTouches数组。对于笔的使用，第一个就可以了，因为不会同时有多个触摸事件。

const position = { x: event.changedTouches[0].pageX, y: event.changedTouches[0].pageY };