No o código abaixo está correto, ok?! Mas eu queria entender logicamente porque quando executado eu não tenho mais o retangulo (canvas) na cor que eu determinei ai. Qual função ou código que fez minha tela ficar 100% branca?
<canvas width="600" height="400"></canvas>hoje, com a Alura e o Google Gemini
Está faltando o script, lá vc pode determinar a cor dele :-)
<html>
<canvas width="600" height="400"></canvas>
</html>
<script>
var tela = document.querySelector("canvas");//Seleciona o "canvas" no HTML
var pincel = tela.getContext("2d");
pincel.fillStyle = "lightgray";//cor
pincel.fillRect(0, 0, 600, 400) //Vai desenhar o canvas (retângulo)
</script>Isso eu entendi. A questão é que ele ficava sempre todo branco, mas percebi que na verdade é que a função abaixo limpa o canva inteiro e ai ele fica sempre branco. né isso?
function limpaTela() {
pincel.clearRect(0, 0, 600, 400);
}Isso, se chamar só essa função, sem pedir pra desenhar nada depois, eles vai deixar o canva limpo.