iPhone/iPad HTML5 Canvas fillText問題

使用iPhone或iPad時，我在畫布上出現了一些奇怪的問題。要麼正確繪製文本（很少），要麼繪製得顛倒，或者根本不繪製文本。當文本設法繪製時，當iPhone/Pad旋轉時會被擦除。iPhone/iPad HTML5 Canvas fillText問題

我有以下代碼。如果我使用setTimeout，似乎只能讓文本留在頁面上。如果我在文檔加載完成後立即調用fillText，似乎可以看出來。

任何其他人遇到這種問題？

<!DOCTYPE html> 
<html lang="en"> 
<head> 
<meta charset="utf-8" /> 
<script src="http://code.jquery.com/jquery-1.4.1.js" type="text/javascript"></script> 
<script type="text/javascript"> 
    $(document).ready(function() { 
     //draw_b(); 
     setTimeout('draw_b()', 500); ; 
    }); 

    function draw_b() { 
     var b_canvas = document.getElementById("cv"); 
     var context = b_canvas.getContext("2d"); 
     context.fillText("Belated hello world", 50, 50); 
    } 
</script> 
</head> 
<body> 
<canvas id="cv" width="300" height="225"></canvas> 

</body> 
</html>

來源

2010-06-08 Mr. Flibble

我有同樣的問題，早期版本（3.2）不支持HTML5畫布fillText方法，您可以使用替代API等stroketext來解決這個問題：http://www.netzgesta.de/dev/text/#canvas_api

來源

2010-08-03 02:48:03 Zarta

聽起來不錯！（任何人都可以驗證這是否工作？） – 2010-11-03 20:48:14

iPhone/iPad HTML5 Canvas fillText問題

回答

相關問題