Olá, surgiu uma dúvida, por quê dentro da função desenhaQuadrado, em .fillRect e .strokeRect aparece a palavra tamanho duas vezes?
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!
Solucionado
Olá, surgiu uma dúvida, por quê dentro da função desenhaQuadrado, em .fillRect e .strokeRect aparece a palavra tamanho duas vezes?
Olá Thaís,
*Tanto o fillRect quanto o strokeRect recebem 4 parâmetros para compor a figura (preenchimento e borda respectivamente). No exemplo abaixo, os dois primeiros parâmetros x e y correspondem as coordenadas (eixo X e eixo Y) que determinam a posição da figura na tela (canvas). O parâmetro tamanho compreende a largura e a altura. Por este motivo, a palavra (variável) tamanho aparece duas vezes na função desenhaQuadrado. A primeira vez que aparece recebe o parâmetro correspondente a largura e na segunda aparição correspondente a altura. *
function desenhaQuadrado(x, y, tamanho, cor) { var tela = document.querySelector('canvas'); var pincel = tela.getContext('2d');
pincel.fillStyle=cor;
pincel.fillRect(x,y, tamanho, tamanho);
pincel.strokeStyle='black';
pincel.strokeRect(x,y, tamanho, tamanho);
}Quando a função desenha quadrado é chamada para ser executada no programa, está sendo passado 4 parâmetros. Os dois primeiros correspondem as coordenadas de posição na tela. O valor 100 corresponde ao tamanho. Logo, a variável tamanho assume esse valor e quando a função desenhaQuadrado processa o fillRect e o strokeRect assume o valor 100 para largura e também para altura.
desenhaQuadrado(50, y, 100, 'green'); desenhaQuadrado(150, y, 100, 'green'); desenhaQuadrado(250, y, 100, 'green'); desenhaQuadrado(350, y, 100, 'white');
Espero ter ajudado. Caso ainda tenha dúvidas não hesite em consultar. Se entender que a sua dúvida sobre este assutno está sanada por gentileza marque esse post como solucionado.
Muito obrigado e sucesso em sua trajetória!!!
Muito obrigada pelo retorno
Olá Thais,
Estou feliz em ter colaborado. Estarei sempre a disposição. Mantenha-se firme e focada que alcançará seu objetivo.
Sucesso parceira,