android web canvas,HTML5 - Canvas无法在Android WebView的第一次加载时渲染

在开发HTML5画布游戏并将其在Android WebView中运行时,遇到一个问题:游戏在第一次加载时不显示,但之后的重新加载正常显示。问题出现在所有资源已加载且无控制台错误的情况下,iOS上游戏加载成功。CSS应用到canvas元素,但不显示,表明可能的问题在于Android的canvas渲染。尝试过预先加载资源,但未解决问题。相关WebView加载代码和onload脚本已提供。
摘要由CSDN通过智能技术生成

我正在开发基于HTML5画布的游戏,该游戏在现有应用程序的WebView中运行。在第一次运行游戏时,它会在后台成功加载,所有日志都表明它已准备就绪并正在运行。但是,WebView中不显示任何内容。如果我加载其他东西到WebView中,然后返回到我的游戏,它会像以前一样成功加载,然后呈现。什么可以防止画布在第一次运行时显示,仅用于后续重新加载?HTML5 - Canvas无法在Android WebView的第一次加载时渲染

对于细节:

我得到的游戏加载完成首次没有控制台错误。

在iOS版本的应用程序中运行时,游戏加载成功。

应用于canvas元素的CSS不会呈现,这表明在显示它们之前加载我的资源不是问题。

我调查研究,试图使资产显示前,因此后续重新加载被这些现在高速缓存图像固定引起了正在显示的所有问题,但我不能找到有关帆布未能什么在Android中完全显示。

这里是由的WebView加载HTML:

Darts

,这是我的onload脚本:

var bootGame =() => {

//create canvas element

let canvas = document.createElement('canvas');

canvas.id = "darts-canvas";

canvas.width = 740;

canvas.height = 400;

let gameContainer = document.getElementById("darts-game-container&#

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值