Problème Canvas

Sujet résolu

24 octobre 2011 à 10:06:58

Salus à tous,
J'ai un problème avec mes navigateurs je ne peux pas récupérer le canvas alors que j'ai les dernière MAJ (chrome , mozilla , IE).
Voici le code:

<!DOCTYPE html>
<html>
    <head>
        <title>Mon projet canvas</title>
        <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script> 
        <script>
  /*     
function draw()
{
	var canvas = document.getElementById('#canvas');
	if(canvas.getContext)
	{
		var con = canvas.getContext('2d');
		con.fillStyle='#ff0000';
		con.fillRect(10,10,50,50);

	}
}*/
window.onload = function()
{
    var canvas = document.getElementById('mon_canvas');
        if(!canvas)
        {
            alert("Impossible de récupérer le canvas");
            return;
        }

    var context = canvas.getContext('2d');
        if(!context)
        {
            alert("Impossible de récupérer le context du canvas");
            return;
        }


    //C'est ici que l'on placera tout le code servant à nos dessins.
}



        </script>
    </head>
    <body>
        <canvas id="canvas" width="500" height="500">
            Message pour les navigateurs ne supportant pas encore canvas.
        </canvas>
    </body>
</html>

Merci

Pyrofoux

24 octobre 2011 à 14:23:16

En utilisant mon super calculateur fonctionnant à l'énergie des atomes
dansant en écoutant une parodie de Still Alive Jazzy-Funky,
j'ai découvert que tu as fait :

document.getElementById('mon_canvas')

alors que l'ID de ton canvas est

<canvas id="canvas" width="500" height="500">

:-°

workfel

24 octobre 2011 à 15:05:30

comment dire ...
Je suis c..

!!
Merci en tout cas

Amatewasu

24 octobre 2011 à 18:53:38

Je t'invite à mettre ton sujet en résolu avec le bouton approprié

Mon Twitter : @Amatewasu