Pleinen met html5 puttend uit een html5 canvas

In de laatste tutorial we een html5 canvas gemaakt. Dus is wat een doek zonder spullen op dat doek. Dus wanneer u een shape maakt u waarschijnlijk zou willen kleur recht? om een kleur van de vulling moet u sommige code die als dit - kijkt

ctx.fillStyle = "#F00000";

Dat zal de opvulkleur ingesteld op zwart, maar ziet u niet om het even wat omdat wij niet het vierkant tekent nog de code voor een vierkant is-

ctx.fillRect(0,0,50,50);

Dat zal het teken van een vierkant op de coördinaten 0 X 0Y en de breedte zou 50 dus de hoogte 50 moet.

Goed, nu kunnen we kijken op de hele html5 bestands- en dat zal er als volgt uitzien-

< html >

< doek id = "canvas" breedte = "400" height = "400" >< / doek >

< script >

var c = document.getElementById("canvas");
var ctx = c.getContext("2d");

ctx.fillStyle = "#F00000";

ctx.fillRect(0,0,50,50);

< / script >

< / html >