Оптимизация приложения для рисования на Iphone, чтобы экран не двигался, когда пользователь рисует

Question

Я использую API от MySQL для распознавания символов

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

Я создаю веб-приложение, которое будет использоваться, в основном, через телефоны, однако по предоставленной ссылке на некоторых телефонах, когда пользователь пытается рисовать, экран прокручивается вверх и вниз синхронно с движениями пользователя. Это происходит не со всеми телефонами, только с несколькими (я проверил это на Iphone 6s и Iphone 8s). Я думаю, что это проблема масштабирования, есть ли настройки, которые кто-нибудь знает, что может быть причиной этого? Я пытаюсь повторить проблему на телефонах, которые не имеют проблемы, но безуспешно. И есть ли какие-либо параметры оптимизации, которые я мог бы использовать при разработке веб-приложения?

Answer 1

Вы должны будете предотвратить прокрутку JavaScript. Начиная с обновления 11.1 Safari ( https://developer.apple.com/library/archive/releasenotes/General/WhatsNewInSafari/Articles/Safari_11_1.html) прослушиватели событий прикосновения к документу теперь по умолчанию пассивны, поэтому вам необходимо установить их обратно ложно, как это

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

это, однако, предотвращает прокрутку на всей странице, поэтому вы можете заменить document для div пользователь может рисовать.