Ele fica com as medidas invertidas, mesmo eu invertendo no código.
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Ele fica com as medidas invertidas, mesmo eu invertendo no código.
Oi, Givaldo. Tudo bem?
O código que você precisa usar mostra 4 parâmetros dentro do comando pincel.fillRect: (x, y, largura, altura). Respectivamente, o x é onde começa no eixo das abcissas, o y é onde começa no eixo das ordenadas e a largura e a altura representam elas mesmas. Portanto, você precisa deixar os números exatamente nessa ordem para ter o retângulo igual ao mostrado no curso.
Ou seja, o código ficaria desta maneira:
<canvas width="600" height="400"></canvas>
<script>
var tela = document.querySelector("canvas");
var pincel = tela.getContext('2d');
pincel.fillStyle = 'lightgrey';
pincel.fillRect(0, 0, 600, 400);
</script>Espero ter ajudado. Caso as dúvidas persistam, estamos à disposição! :)
Abraços e bons estudos!
Obrigado por responder, Maria Isabel. Foi de grande ajuda.