Comentário: Hoje aprendi a tela do HTML5 e descobri que as coordenadas e o tamanho do Fillrect foram incorretos. Depois de estudar por um longo tempo, descobri que a largura e a altura da tela devem estar inlinadas na tag de tela.
Fillrect (100.100.100.100) Os 2 primeiros 100s se referem a coordenadas, e os últimos 2 100s se referem à largura e altura.Hoje aprendi a tela do HTML5 e descobri que as coordenadas e o tamanho do Fillrect foram incorretos. Depois de estudar por um longo tempo, descobri que a largura e a altura da tela devem estar inlinadas na tag de tela. Deprimido por um longo tempo.
Método de erro 1:
<! doctype html>
<html lang = "en">
<head>
<meta charset = "utf-8">
<title> Documento </title>
<estilo>
#mycanvas {
Largura: 200px;
Altura: 200px;
Antecedentes: amarelo;
}
</style>
</head>
<Body>
<VASLE>/CANVAS>
<Cript>
var c = document.getElementById ('mycanvas');
var ctx = c.getContext ("2d");
ctx.fillstyle = '#f36';
ctx.fillrect (100, 100, 100, 100);
</script>
</body>
</html>
Maneira errada 2:
<! doctype html>
<html lang = "en">
<head>
<meta charset = "utf-8">
<title> Documento </title>
</head>
<Body>
<lVAs> </canvas>
<Cript>
var c = document.getElementById ('mycanvas');
var ctx = c.getContext ("2d");
ctx.fillstyle = '#f36';
ctx.fillrect (100, 100, 100, 100);
</script>
</body>
</html>
Mostrar resultados:
A maneira correta:
<! doctype html>
<html lang = "en">
<head>
<meta charset = "utf-8">
<title> Documento </title>
</head>
<Body>
<lVAs> </canvas>
<Cript>
var c = document.getElementById ('mycanvas');
var ctx = c.getContext ("2d");
ctx.fillstyle = '#f36';
ctx.fillrect (100, 100, 100, 100);
</script>
</body>
</html>