【问题标题】:Chrome for android issue regarding html5 canvas and text / filltext关于 html5 画布和文本/填充文本的 Android 版 Chrome 问题
【发布时间】:2013-07-01 02:55:21
【问题描述】:

我目前正在使用 Canvas 在 HTML5 中创建游戏。现在,它适用于所有互联网浏览器,除了 Google Chrome for Android 拒绝显示我的“filltext”命令......

我注意到当我通过 chrome://flags/ 禁用 Chrome Android 的 2D 加速时,游戏可以正常工作,但我显然不能要求用户在玩之前禁用 Chrome 的 2D 加速功能。有人有解决方案在 google chrome for android 下显示我的填充文本吗?

您会在代码下方找到:基本上,我可以在除 chrome for android 之外的所有浏览器中看到文本...它绘制背景而不是文本。

//获取画布 var canvas2 = document.getElementById("layer2"); var ctx2 = canvas2.getContext("2d");

//渲染函数(绘制背景和绘制图像) var渲染=函数(){ ctx2.drawImage(背景, 0, 0); ctx2.fillText("洛洛", 400, 400); }

// 主循环 var main = 函数 () { var now = Date.now(); var delta = 现在 - 然后; 更新(增量 / 1000); 使成为(); 那么=现在; }; var then = Date.now(); 设置间隔(主要,1);

谢谢!

劳伦特

【问题讨论】:

  • 修复了 chrome beta 版本中的错误(画布尺寸较大时不再触发 2D 加速)但是,如果您有解决方案...

标签: android google-chrome canvas cross-browser html5-canvas


【解决方案1】:

这似乎是软件渲染器的一个错误,您需要将画布的大小设置为至少 256 像素才能将其强制放入 GPU 路径。 Paul Lewis 也面临着类似的问题,blogged about it

如果您可以提供简化的演示,我将针对 Chrome 提交错误(或者您可以在 http://m.crbug.com/new 提交)

【讨论】:

    猜你喜欢
    • 2016-07-25
    • 1970-01-01
    • 1970-01-01
    • 2012-06-27
    • 1970-01-01
    • 1970-01-01
    • 2014-04-13
    • 1970-01-01
    • 2012-03-08
    相关资源
    最近更新 更多