Toile HTML5 - dessiner des rectangles et des triangles simples, exemple de compétences du didacticiel code_html5

Tout d’abord, placez un élément canevas dans la page HTML, où l’élément canevas doit avoir trois attributs : ID, largeur et hauteur.

Copier le code

Le code est le suivant :

Récupérez l'objet canevas et obtenez le contexte var cxt=document.getElementById('demo').getContext( "2d"); Le paramètre 2d est déterminé.

Commencez à dessiner. Il existe deux formes, l'une est un remplissage et l'autre est un trait.

Code javascript :

Copier le code

Le code est le suivant :

Rendu :