关于html5 canvas和text / filltext的Chrome问题

时间:2013-07-03 12:12:00

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

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

我注意到当我通过chrome:// flags / ...禁用Chrome Android的2D加速时游戏正常工作但我显然不能要求用户在播放之前禁用Chrome的2D加速功能。有没有人有解决方案在谷歌浏览器下为Android显示我的filltext?

你会在下面找到代码:基本上,我可以看到所有浏览器中的文本除了用于android的chrome ...它绘制背景而不是文本。

  

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

     

//渲染功能(绘制背景和绘制图像)     var render = function(){     ctx2.drawImage(background,0,0);     ctx2.fillText(“Lolo”,400,400);     }

     

//主循环     var main = function(){     var now = Date.now();     var delta = now - then;     更新(delta / 1000);     渲染();     那么=现在;     };     var then = Date.now();     setInterval(main,1);

谢谢!

劳伦

1 个答案:

答案 0 :(得分:0)

这似乎是软件渲染器的一个错误,您需要使画布的大小至少为256像素,以强制它进入GPU路径。保罗·刘易斯遇到了类似的问题blogged about it

如果您可以提供简化演示,我会针对Chrome提交错误(或者您可以在http://m.crbug.com/new处执行此操作)