优化Iphone上的'drawing'应用程序，以便在用户绘图时屏幕不会移动

Question

我正在使用myscript的API进行字符识别

https://myscript.github.io/MyScriptJS/examples/v4/websocket_text_iink_no_smartguide.html

我正在创建一个主要通过手机使用的 Web 应用程序，但是在某些手机上提供的链接中，当用户尝试绘制时，屏幕会随着用户的动作上下滚动。并非所有手机都会发生这种情况，只有少数(我已经在 iPhone 6s 和 iPhone 8s 上进行了测试(。我认为这是一个缩放问题，是否有人知道可能导致此问题的设置？ 我正在尝试在没有问题的手机上复制该问题，但没有成功。在开发 Web 应用程序时，我可以采取任何优化设置吗？

Answer 1

你必须阻止滚动浏览JavaScript。由于 11.1 Safari 更新 (https://developer.apple.com/library/archive/releasenotes/General/WhatsNewInSafari/Articles/Safari_11_1.html( 文档触摸事件侦听器现在默认为被动，因此您需要像这样将其设置回 false

document.addEventListener('touchmove', function(e) {
e.preventDefault();
}, { passive: false });

但是，这会阻止在整个页面上滚动，因此您可能希望替换用户可以绘制的div 的document。