Commentaire: Lors de l'écriture de largeur et de hauteur sur la toile en toile, c'est la taille réelle de la toile de la toile. Par défaut, la largeur est de 300px et la hauteur est de 150px. Ensuite, l'introduction détaillée est donnée. Les amis intéressés peuvent y faire référence.
En toile, lors de la largeur et de la hauteur de l'écriture sur le canevas, la taille réelle de la canevas est par défaut, la largeur par défaut est de 300px et la hauteur est de 150px.Lors de l'écriture de style CSS avec style, widht et hauteur sont la taille de l'affichage réelle.
Maintenant, prenez un dessin d'une ligne diagonale avec toile à titre d'exemple:
<! Doctype html>
<adal>
<Meta Charset = UTF-8 />
<Title> Canvas </Title>
<script type = 'text / javascript'>
window.onload = function () {
getCanvas ();
};
// Dessin sur toile
fonction getCanvas () {
// Obtenez l'élément de toile et son contexte de dessin
var canvas = document.getElementById ('canvasid');
var context = canvas.getContext ('2d');
// Créer un chemin avec des signaux absolus
context.beginPath ();
context.moveto (0 200);
context.lineto (200,0);
// dessinez d'abord sur toile
context.stroke ();
}
</cript>
</ head>
<body>
<lebvas> / canvas>
</docy>
</html>
L'effet d'affichage est le suivant:
Comme vous pouvez le voir, la planche à dessin en toile est un carré de 200 * 200, et le dessin utilise un affichage diagonal de (0, 200) à (200, 0).
Cependant, les graphiques sont affichés à un rectangle de 400 * 200, et l'affichage est également une ligne diagonale.