В настоящее время я разрабатываю приложение для Android с использованием PhoneGap. У меня есть холст html5, на котором я рисую и анимирую объекты. Он прекрасно работает на Android 2.3, но на Android 4+ он не перерисовывает холст. Я попытался использовать и kinetic.js, и easel.js / tween.js для анимации, и проблема с не очисткой холста возникла для обеих этих библиотек. Я испытал некоторый успех, показывая и скрывая div над холстом, но это не работает все время. Я могу только предположить, что это ошибка для Android 4+ или какая-то особенность, повышающая производительность холста html5.

Кто-нибудь знает, есть ли какие-то настройки, которые я могу изменить, или метод, который я могу вызвать в Android 4 или javascript, который позволил бы мне принудительно перерисовывать мой html5 canvas во время анимации?

Следует также отметить, что анимации, похоже, работают с easel.js / tween.js в эмуляторе API Google 4.1 (холст очищается и перерисовывается), но не на телефонах с 4.1.1.

Я провел дополнительное исследование того, что происходит. По сути, кажется, что фигура в самом начале анимации оставляет артефакт, который clearRect не очищает. У меня большой круг, который я сужаю до маленького круга. Анимация все еще происходит, но на большой круг не влияет вызов clearRect на холсте.