Boa tarde. Assim ficou minha programação;
<canvas width “600” heigth “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.strokeRect(x,y,50,50);
}
desenhaquadrado(0,0,'darkred');
desenhaquadrado(0,50,'black');
desenhaquadrado(50,50,'darkred');
desenhaquadrado(50,0,'black');
</script>
