RadiationX
@RadiationX
Front-End разработчик

Как исправить тормоза при анимации canvas?

Нужно чтобы элемент менял прозрачность в зависимости от точки касания на мобильном устройстве.
Т.к подобную анимацию с помощью background-color и opacity сделать нельзя, чтобы при этом был высокий FPS, то решил сделать с помощью canvas. Тестировал на компьютере и на стандартном браузере Android 5.0.1 - всё великолепно и ультра-плавно, но вот в мобильном Chrome и Opera всё гораздо хуже, FPS так 10, не более.
Можно как-то решить эту проблему? И, собственно, в чем проблема, почему так происходит?

Вот пример, оставил только самое главное: jsfiddle.net/c1m5phbt (нужно водить влево-вправо)
Изначально пробовал менять цвет, потом попробовал менять прозрачность - результат не изменился.
  • Вопрос задан
  • 961 просмотр
Решения вопроса 1
Taraflex
@Taraflex
Ищу работу. Контакты в профиле.

с помощью background-color и opacity сделать нельзя,

Все ложь и провокация.
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
Sanasol
@Sanasol Куратор тега JavaScript
нельзя просто так взять и загуглить ошибку
Возможно потому что телефон за пару тысяч рублей на ведроиде из китая?

Nexus 5 - Chrome/Opera все плавно
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы