在 HTML 画布上使用 iPad 绘图时禁用 IOS 滚动

Question

我正在尝试在html中创建用户可以绘制的画布。它适用于任何鼠标设备，如 PC 或 max。它也适用于非ios触摸设备(如Android/Windows平板电脑)。但是对于ios-touch设备(如ipad或iphone)，它不起作用。当您尝试绘制时，它会在您绘制时滚动页面。知道如何在画布上绘图时在ios设备上禁用此滚动操作吗？

下面是一个 html 绘图画布的示例 http://www.williammalone.com/articles/create-html5-canvas-javascript-drawing-app/尝试在 ipad 或 iPhone 上的其中一个画布上绘制，但不是第一个演示，出于某种原因，第一个演示有效，但其他演示都不起作用。

Answer 1

我通过使用onTouchStart，onTouchMove，onTouchEnd

来工作。对于onTouchMove，您将获得一系列changedTouches。对于笔的使用，第一个就可以了，因为一次不会有多个触摸事件。

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