webos - webos背景图片更新问题

Question

我的应用程序有一个首选项屏幕，它具有更改背景颜色或主题的功能。为此，我使用不同颜色的 png 图像。当我进入主屏幕时，我正在使用其他一些图像，具体取决于在首选项中选择的图像。为此，我在首选项屏幕的 deactivate() 方法中使用 CSS 更改背景图像。在模拟器中，它工作正常。当我在设备上安装应用程序并检查相同的情况时，它显示为空白，然后它更改了主屏幕图像。

如何避免从首选项屏幕过渡到主屏幕时出现空白背景？

Answer 1

听起来图像需要一秒钟才能加载。您可以将图像拼凑在一起，以便它们始终保存在内存中，或者您可以在 JS 中创建一个新图像并仅在图像加载时运行场景转换。

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