2010-06-08 13 views
5

Sto riscontrando strani problemi con il testo su una tela quando si utilizza un iPhone o un iPad. O il testo viene disegnato correttamente (raramente), o viene disegnato a testa in giù, o non viene disegnato affatto. Quando il testo riesce a disegnare, viene cancellato quando l'iPhone/Pad viene ruotato.iPhone/iPad HTML5 Riempimento della tela di fondoTesto test

Ho il seguente codice. Sembra che io possa solo ottenere che il testo rimanga sulla pagina se utilizzo un setTimeout. Sembra che venga richiamato se chiamo fillText non appena viene caricato il documento.

Qualcun altro ha riscontrato questo tipo di problema?

<!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> 

risposta

2

Ho lo stesso problema, la versione precedente (3.2) non supporta HTML5 Canvas filltext, È possibile utilizzare API alternative come stroketext per risolvere questo problema: http://www.netzgesta.de/dev/text/#canvas_api

+0

Suona bene! (Chiunque può verificare se funziona?) –