1
resposta

O meu ficou todo preto...

<canvas width="600" height="400"></canvas>

<script>

function desenhaQuadrado(x, y, cor) {

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

pincel.fillStyle = 'cor';
pincel.fillRect(x, y, 50, 50);
pincel.strokeStyle = 'black';
pincel.strokeRect(x, y, 50, 50);

}




desenhaQuadrado(0, 0, 'blue');
desenhaQuadrado(0, 50, 'red');
desenhaQuadrado(0,100, 'pink');

</script>

`

1 resposta

Troca

pincel.fillStyle = 'cor';

por

pincel.fillStyle = cor