проблема обновления фонового изображения webos

Question

Мое приложение имеет экран настроек, в котором есть функция изменения цвета фона или темы. Для этого я использую PNG изображения с разными цветами. Когда я иду на главный экран, я использую другое изображение в зависимости от изображения, выбранного в настройках. Для этого я изменяю фоновое изображение с помощью CSS в методе deactivate () экрана настроек. В эмуляторе все работает нормально. Когда я устанавливаю приложение на устройство и проверяю тот же случай, оно отображается пустым, а затем изменяется изображение главного экрана.

Как можно избежать момента пустого фона при переходе с экрана настроек на главный экран?

Answer 1

Похоже, изображение загружается за секунду. Вы можете спрайтовать изображения вместе, чтобы они всегда хранились в памяти, или вы можете создать новое изображение в JS и запускать переход сцены только при загрузке изображения.

var img = new Image();
img.onload = function() { /* Run scene transition */ };
img.src = "path/to/the/background";