有關html5 canvas和text/filltext的Chrome瀏覽器問題

我目前使用Canvas在HTML5中創建遊戲。現在，除了Google Chrome瀏覽器之外的所有互聯網瀏覽器都能正常工作，它拒絕顯示我的「filltext」命令...有關html5 canvas和text/filltext的Chrome瀏覽器問題

我注意到遊戲在我通過Chrome停用Chrome Android的2D加速：// flags/...但我顯然不能要求用戶在播放之前禁用Chrome的2D加速功能。有沒有人有一個解決方案，以顯示我的filltext谷歌瀏覽器爲Android？

你會發現下面的代碼：基本上，我可以看到所有瀏覽器中的文本，除了chrome for android ...它繪製背景而不是文本。

//獲得畫布 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）; render（）; then = now; }; var then = Date.now（）; setInterval（main，1）;

謝謝！

洛朗

來源

2013-07-03 Laurent Milleron

錯誤固定在Chrome測試版（2D加速當畫布尺寸較大時不會再觸發），但如果您有解決方案，則仍然可以...... –

這似乎是與軟件渲染器中的錯誤，你需要讓你的畫布至少256個像素大小，以迫使它在給GPU路徑。保羅·劉易斯面臨着類似的問題，blogged about it

如果您可以提供一個降低的演示，我將提出針對Chrome瀏覽器的Bug（或者你可以在http://m.crbug.com/new做）

來源

2013-07-04 16:50:18 Kinlan

有關html5 canvas和text/filltext的Chrome瀏覽器問題

回答

相關問題