Introduction de l'article de wulin.com (www.vevb.com): HTML5-CANVAS TAG-DESTANT RECTANGLES.
<! Doctype html>
<html>
<adal>
<meta charset = 'utf-8'>
<Title> HTML5-CANVAS TAG - DRAW RECTANGE </TITLE>
</ head>
<body>
<canvas id = 1 largeur = 200 hauteur = 200> </ canvas>
<script type = text / javascript>
window.onload = function () {
var canva = document.getElementByid ('1')
var content = canva.getContext ('2D')
Content.FillStyle = #ccc; // Remplissez la couleur d'arrière-plan de la toile
contenu.filrect (0, 0, 200, 200); // Les paramètres représentent respectivement l'axe X, la largeur et la hauteur
Content.lineWidth = 4; // Largeur de bordure
contenu.strokestyle = #fff; // Couleur de bordure
contenu.strokect (50,50,100,100); // coordonnées et tailles de frontière
contenu.fillStyle = # f00; // Couleur de remplissage rectangulaire
contenu.filrect (50,50,100,100); // coordonnées et taille des rectangles
}
</cript>
</docy>
</html>