Configuration de base HTML5/Canvas. Problèmes de navigateur

J'ai cette configuration de base HTML5/Canvas. Cela fonctionne très bien dans Chrome et Firefox. Cependant, j'ai ces problèmes de navigateur:Configuration de base HTML5/Canvas. Problèmes de navigateur

Si je charge la page sur dix fois dans IE8, il sera généralement travailler à moins une fois ... Je sais que cela semble étrange; Je peux seulement deviner qu'il a quelque chose à voir avec l'ordre d'exécution du JavaScript (?).
Le texte n'apparaît pas dans mon iTouch.

Modifier: J'ai quelques problèmes de formatage avec ce code. Excanvas est utilisé (mais pas vu ci-dessous).

<!DOCTYPE html> 
<html lang="en"> 
<head>  


<!--[if IE]><script type="text/javascript" src="js/excanvas.js"></script><![endif]--> 

<script type="text/javascript">  

    function addBox(x, y, text){ 
     context.font = '17px Arial'; 

     context.textBaseline = 'top'; 
     context.fillStyle  = 'black'; 
     context.fillText (text, x, y); 
    } 

    function resetCanvas(){ 
     c = document.getElementById("myCanvas"); 
     context=c.getContext("2d"); 

     c.width = 450; 
     context=c.getContext("2d"); 

     //Draw Picture Frame around Canvas 
     context.lineWidth = 5; 
     context.strokeStyle="blue";  
     context.strokeRect(5,3,430,430);  
    } 

    $(document).ready(function() { 
     resetCanvas(); 
     addBox(200, 200,'hello'); 
    });  
</script>  


</head>  
<body>  

    <canvas id="myCanvas" width="900" height="450" >Your browser does not support the canvas element.</canvas> 
</body> 
</html>

Source

2011-08-19 John R

IE8 ne supporte pas la toile, donc tout ce que vous voyez ce n'est pas une question de toile
Êtes-vous sûr que votre iTouch a la police Arial disponible? Que se passe-t-il si vous essayez plutôt sans-serif?

Source

2011-08-20 01:28:35 robertc

Merci pour les idées. Je devrais mentionner que la mise en forme ici sur Stack Overflow m'a empêché d'afficher cette ligne: J'ai vu un travail ssetup similaire avec l'excanvas. js. En ce qui concerne la pointe 'arial', je vais y jeter un coup d'oeil. Merci. –

Je viens d'éditer le post pour que le fichier excanavas.js apparaisse. –

Configuration de base HTML5/Canvas. Problèmes de navigateur

Répondre

Questions connexes