``` function desenhaQuadrado(x,y,tamanho,cor){ pincel.fillStyle = cor; pincel.fillRect (x,y,tamanho,tamanho); pincel.fillStroke = 'black'; pincel.strokeRect(x,y,tamanho,tamanho); }
``` function desenhaQuadrado(x,y,tamanho,cor){ pincel.fillStyle = cor; pincel.fillRect (x,y,tamanho,tamanho); pincel.fillStroke = 'black'; pincel.strokeRect(x,y,tamanho,tamanho); }
Oi, Sebastião, tudo bem?
A função desenhaQuadrado quando é chamada com os valores dos parâmentros, como está no código, é que precisa respeitar os parâmetros na sequência de como a função foi criada: function desenhaQuadrado(x, y, tamanho, cor).
Já o método, fillRect é um método do canvas que ter a funçaõ de desenhar um retângulo, cuja a sintaxe dele obriagatoriamente, recebe quatro valores, o de (posição) x, y, (tamanhos) width e height. O fato de ter pincel.fillRect (x,y,tamanho,tamanho), no caso, tamanho repetido, é porque queremos um quadrado e a fórmula do quadrado é tamanho dele multiplicado por ele mesmo.
Aqui você pode testar valores para compreender melhor: https://www.w3schools.com/tags/tryit.asp?filename=tryhtml5_canvas_fillrect
Espero ter te ajudado!