Partage
  • Partager sur Facebook
  • Partager sur Twitter

problème canvas

Sujet résolu
KillianMG
  • Javascript
    29 avril 2018 à 14:43:33

    bonjour petit problème avec canvas en essayent d'affiche un petit rectangle rouge dans canvas : voila le code :

    window.onload = function () {
	var canvas = document.createElement("canvas");
	canvas.width = 900;
	canvas.height = 600;
	canvas.style.border = "1px solid";
	document.body.appendChild(canvas);

	var ctx = canvas.getcontext("2d");
	ctx.fillStyle = "#FD0000";
	ctx.fillRect(30 ,30 , 100, 50);
}

    et le code html : 

    <!DOCTYPE html>
<html>
<head>
	<link rel="stylesheet" type="text/css" href="style.css">
	<script type="text/javascript" src="script.js"></script>
	<title>Jeu du Snake</title>
</head>
<body>


</body>
</html>

    ( le petit rectangle rouge ne s'affiche pas ) ( et j'ai la dernière versionne de google chrome )

    rpoblème résolue : manquait une majuscule à var ctx = canvas.getcontext("2d") se qui donne : ctx = canvas.getContext("2d")



    -
    Edité par KillianMG 29 avril 2018 à 14:48:06

    • Partager sur Facebook
    • Partager sur Twitter

    problème canvas

    × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
    × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
    • Editeur ●
    • Markdown