Fala, Jeferson! Tudo bem contigo?
Nesse cenário, não precisaríamos criar a função esperando por parâmetros
function desenhaEsquadro(xa, ya, xc, yc, cor) {
Dessa forma, rodará, mas poderia ser uma função sem parâmetros
function desenhaEsquadro() {
Para construirmos uma função com parâmetros (que acredito que fica até mais interessante), além de construir esses parâmetros da maneira que fez, temos que alterar esses parâmetros no pincel para variáveis e não valores fixos.
Ficando dessa forma:
function desenhaEsquadro(xa, ya, xc, yc, cor) {
var tela = document.querySelector('canvas');
var pincel = tela.getContext('2d');
pincel.fillStyle= cor;
pincel.beginPath();
pincel.moveTo(xa, ya);
pincel.lineTo(xa, yc);
pincel.lineTo(xc, yc);
pincel.fill();
}
desenhaEsquadro(50, 50, 400, 400, "black")
Espero ter ajudado, Jeferson!
Um abraço e bons estudos!!!
