2010-06-08 6 views
5

J'ai des problèmes étranges avec du texte sur une toile lorsque j'utilise un iPhone ou un iPad. Soit le texte est dessiné correctement (rarement), soit il est dessiné à l'envers, soit il n'est pas dessiné du tout. Lorsque le texte parvient à être dessiné, il est effacé lors de la rotation de l'iPhone/Pad.iPhone/iPad HTML5 FillText problème

J'ai le code suivant. Il semble que je puisse seulement obtenir le texte pour rester sur la page du tout si j'utilise un setTimeout. Il semble être attiré si j'appelle fillText dès que le document est chargé.

Quelqu'un d'autre connaît ce genre de problème?

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

Répondre

2

J'ai le même problème, la version précédente (3.2) ne prend pas en charge HTML5 Canvas filltext, Vous pouvez utiliser l'API de remplacement tels stroketext pour résoudre ce problème: http://www.netzgesta.de/dev/text/#canvas_api

+0

Ça sonne bien! (Toute personne capable de vérifier si cela fonctionne ???) –