[Dúvida] Atividade frações

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,