HTML5 Canvas на телефонах Android - проблемы с перерисовкой и выделением

Question

У меня проблема с перерисовкой, при прокрутке холст не будет перерисовываться, пока вы не отпустите кнопку.Проблема в том, что я двигаю своего персонажа в зависимости от «касания».Поэтому до тех пор, пока касание не будет снято, холст не будет перерисовываться.

Другая проблема заключается в том, что при касании холста он фокусируется или активируется.Это развивает кольцо фокуса вокруг этого.Я попытался установить границы: focus и: псевдо: active и очертания к нулю.Также я видел «drawFocusRing» для контекста холста, однако это, похоже, не решило проблему.

В настоящее время я тестировал на стоковом браузере Android 2.2 (MyTouch 3G).

Answer 1

Я считаю, что оранжевое кольцо фокусировки больше связано с WebView, который вы используете для просмотра холста? Я знаю, что у меня была похожая проблема с рисованием js на холсте.

myWebView.setFocusable(false)
myWebView.setFocusableInTouchMode(false)

Должен решить проблему фокуса.

Answer 2

Я не знаю конкретно об Android, но в мобильном Safari вы можете предотвратить прокрутку с помощью метода event.preventDefault (). Если вашему приложению требуется прокрутка, возможно, будет возможно реализовать собственный механизм прокрутки, но при этом по-прежнему будет предотвращать поведение по умолчанию, возможно, путем объединения сенсорных событий с позиционированием CSS на div-обертке страницы?