Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Frações

Fiz dessa forma, tem problema ?

<canvas width="600" height="400"></canvas>
<script>
    function desenhaQuadrado(x, y, cor) {
        pincel.fillStyle = cor;
        pincel.fillRect(x, y, 50, 50);
        pincel.fillStroke = 'black';
        pincel.strokeRect(x, y, 50, 50);

    }
    var tela = document.querySelector('canvas');
    var pincel = tela.getContext('2d');

    desenhaQuadrado(0, 0, 'green');
    desenhaQuadrado(50, 0, 'green');
    desenhaQuadrado(100, 0, 'green');
    desenhaQuadrado(150, 0, 'white');

</script>

Acho que eu não entendi muito bem, eu não usei aquele parâmetro tamanho, não entendi muito bem pra que ele serve sendo que tem x e y que são a largura e a altura.

2 respostas
solução!

As cordenadas x e y são para determinar a posição do desenho, os dois parâmetros seguintes (tamanho), são para determinar as medidas do desenho.

Neste caso específico, o tamanho do quadrado já está definido como >>50x50 (pincel.fillRect(x, y, 50, 50);<<. Então, você não precisou usar o parâmetro de tamanho, pois todos os quadrados seriam de um tamanho pré-definido.

Mas caso você queira fazer desenhos de tamanhos diferentes, precisará usar um parâmetro de tamanho. >>pincel.fillRect(x,y, tamanho, tamanho);<<

Espero ter ajudado. :)

Então esse parâmetro de tamanho seria para especificar a largura e a altura do desenho, e o x e y a posição (coordenadas do desenho), acho que consegui entender esse novo parâmetro. Obrigado !