Toile HTML5

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

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>

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>

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!