Maison > interface Web > tutoriel HTML > le corps du texte

Toile HTML5

(*-*)浩
Libérer: 2019-10-24 15:11:49
original
2223 Les gens l'ont consulté

L'élément canvas est utilisé pour dessiner des graphiques sur des pages Web.

Toile HTML5

Qu'est-ce que Canvas ?

L'élément canevas de HTML5 utilise JavaScript pour dessiner des images sur une page Web. (Apprentissage recommandé : Tutoriel HTML)

Le canevas est une zone rectangulaire et vous pouvez en contrôler chaque pixel.

Canvas propose de nombreuses façons de dessiner des chemins, des rectangles, des cercles, des personnages et d'ajouter des images.

Créer un élément Canvas

Ajouter un élément Canvas à la page HTML5.

Spécifie l'identifiant, la largeur et la hauteur de l'élément :

<canvas id="myCanvas" width="200" height="100"></canvas>
Copier après la connexion

Dessin via JavaScript

L'élément canevas lui-même n'a aucune capacité de dessin. Tous les travaux de dessin doivent être effectués en JavaScript :

<script type="text/javascript">
var c=document.getElementById("myCanvas");
var cxt=c.getContext("2d");
cxt.fillStyle="#FF0000";
cxt.fillRect(0,0,150,75);
</script>
Copier après la connexion

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal