iPhone/iPad HTML5 Canvas fillText problema

Tengo problemas extraños con el texto en un lienzo cuando uso un iPhone o iPad. O bien el texto se dibuja correctamente (rara vez), o se dibuja boca abajo, o no se dibuja en absoluto. Cuando el texto logra dibujarse, se borra cuando se gira el iPhone/Pad.iPhone/iPad HTML5 Canvas fillText problema

Tengo el siguiente código. Parece que solo puedo hacer que el texto permanezca en la página si utilizo un setTimeout. Parece que se dibuja si llamo a fillText tan pronto como se carga el documento.

¿Alguien más está experimentando este tipo de 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>

Fuente

2010-06-08 Mr. Flibble

tengo el mismo problema, la versión anterior (3.2) no es compatible con HTML5 Canvas fillText, Puede utilizar la API de tal alternativa stroketext para solucionar este problema: http://www.netzgesta.de/dev/text/#canvas_api

Fuente

2010-08-03 02:48:03 Zarta

Suena bien! (¿Alguien puede verificar si esto funciona?) –

iPhone/iPad HTML5 Canvas fillText problema

Respuesta

Cuestiones relacionadas