recherche

Maison  >  Article  >  interface Web  >  Toile HTML5 - dessiner des rectangles et des triangles simples, exemple de compétences du didacticiel code_html5

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

WBOY
WBOYoriginal
2016-05-16 15:49:341870parcourir

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 :
Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：Le composant HTML5 Canvas réalise des niveaux de gris d'imageArticle suivant：Le composant HTML5 Canvas réalise des niveaux de gris d'image

Articles Liés

Voir plus