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

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.