HTML5 Canvas Free Tutorial 1.0
Vous pourrez télécharger en 5 secondes.
Sur HTML5 Canvas Free Tutorial
L’élément n’est qu’un conteneur pour les graphiques. Vous devez utiliser un script pour réellement dessiner les graphiques. Une toile est une zone rectangulaire et elle a plusieurs méthodes pour dessiner des chemins, des boîtes, des cercles, des personnages et ajouter des images.
L’élément est un nouvel élément de balisage HTML5 qui permet de dessiner dans une page Web sans utiliser de modèle d’objet de document (DOM) API ou plug-ins. Bien que quelque peu nouveau, l’élément a été adopté par la plupart des navigateurs modernes.
Au lieu de créer des graphiques à l’écran à l’aide d’éléments HTML et d’autres balisages avec le style CSS, Canvas permet le dessin de graphiques directement à l’aide de commandes JavaScript comme drawRect, fill, and drawImage. En outre, il est possible de manipuler les pixels directement pour modifier les images et créer des effets spéciaux. Bien que Canvas soit actuellement une API de dessin 2D, une prise en charge 3D est prévue pour les futures versions.
Note: - L’élément n’a pas de capacités de dessin de ses propres - Tous les dessins doivent être effectués à l’intérieur de JavaScript. Par défaut, l’élément n’a pas de bordure et pas de contenu - Le système fallback_content rendu par les navigateurs qui ne supportent pas l’étiquette de toile - Permet de dessiner des graphiques directement sans avoir à recourir à
ou astuces CSS - Canvas est une norme web, prise en charge par la plupart des navigateurs, avec des implémentations compatibles - La toile est une grille bidimensionnelle. - Plus facilement le matériel accéléré résultant en animations rapides - Le coin supérieur gauche de la toile a la coordonnée (0,0) - À l’avenir, Canvas prendra en charge des contextes autres que '2d', tels que la spécification WebGL en attente pour les graphiques 3D.