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