Commentaire: Aujourd'hui, j'ai appris la toile de HTML5 et j'ai constaté que les coordonnées et la taille du remplissage étaient incorrectes. Après avoir étudié pendant longtemps, j'ai constaté que la largeur et la hauteur de la toile doivent être inclinées dans la balise de toile.
Fillrect (100 100 100,100) Les 2 premières 100 se réfèrent aux coordonnées, et les 2 100 derniers 100 se réfèrent à la largeur et à la hauteur.Aujourd'hui, j'ai appris la toile de HTML5 et j'ai constaté que les coordonnées et la taille du remplissage étaient incorrectes. Après avoir étudié pendant une longue période, j'ai constaté que la largeur et la hauteur de la toile devaient être inclinées dans la balise de toile. Déprimé pendant longtemps.
Méthode d'erreur 1:
<! doctype html>
<html lang = "en">
<adal>
<meta charset = "utf-8">
<Title> Document </Title>
<style>
#mycanvas {
Largeur: 200px;
hauteur: 200px;
Contexte: jaune;
}
</ style>
</ head>
<body>
<lebvas> / canvas>
<cript>
var c = document.getElementById ('myCanvas');
var ctx = c.getContext ("2d");
ctx.fillStyle = '# f36';
CTX.Fillrect (100, 100, 100, 100);
</cript>
</docy>
</html>
Mauvaise façon 2:
<! doctype html>
<html lang = "en">
<adal>
<meta charset = "utf-8">
<Title> Document </Title>
</ head>
<body>
<lebvas> </ canvas>
<cript>
var c = document.getElementById ('myCanvas');
var ctx = c.getContext ("2d");
ctx.fillStyle = '# f36';
CTX.Fillrect (100, 100, 100, 100);
</cript>
</docy>
</html>
Afficher les résultats:
La bonne façon:
<! doctype html>
<html lang = "en">
<adal>
<meta charset = "utf-8">
<Title> Document </Title>
</ head>
<body>
<lebvas> </ canvas>
<cript>
var c = document.getElementById ('myCanvas');
var ctx = c.getContext ("2d");
ctx.fillStyle = '# f36';
CTX.Fillrect (100, 100, 100, 100);
</cript>
</docy>
</html>