communauté Apprendre Bibliothèque d'outils Loisirs

Français

Maison > interface Web > Tutoriel H5 > Notes d'étude sur toile en HTML5 1-La taille de la planche à dessin et la taille réelle de l'affichage_html5 Compétences du didacticiel

Notes d'étude sur toile en HTML5 1-La taille de la planche à dessin et la taille réelle de l'affichage_html5 Compétences du didacticiel

WBOY

Libérer： 2016-05-16 15:50:33

original

1453 Les gens l'ont consulté

Dans Canvas, lors de l'écriture de la largeur et de la hauteur sur le canevas, il s'agit de la taille réelle du plan de travail du canevas. Par défaut, la largeur est de 300 px et la hauteur est de 150 px.
Lors de l'écriture du style CSS, la largeur et la hauteur correspondent à la taille d'affichage réelle.
Utilisez maintenant Canvas pour tracer une ligne diagonale à titre d'exemple :

Copier le code

Le code est le suivant :

;/title> ;

' width ="200px" height='200px' style='width:400px;height:200px;'
🎜>
L'effet d'affichage est le suivant :

Comme vous pouvez le voir, la planche à dessin sur toile est un carré de 200*200, et le dessin utilise l'affichage diagonal de (0, 200 ) à (200, 0).
Mais le graphique est affiché sous la forme d'un rectangle de 400*200, et il affiche également des diagonales.

Étiquettes associées：

canvas

source：php.cn

Article précédent：Implémentation de nouvelles balises utilisant HTML5 dans les anciens navigateurs tels que les conseils du didacticiel IE6 series_html5 Article suivant：Introduction au nouveau tableau TypedArray introduit dans les compétences du didacticiel HTML5_html5

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

Derniers articles par auteur