Segue a solução que consegui encontrar.
<canvas width="600" height="400"></canvas>
<script>
function desenhaQuadrado(x, y, tamanho, cor) {
var tela = document.querySelector('canvas')
var pincel = tela.getContext('2d')
pincel.fillStyle = cor;
pincel.fillRect(x, y, 30, 30)
pincel.strokeStyle = "black";
pincel.strokeRect(x, y, 30, 30)
}
for(var x = 0; x < 90; x = x + 30){
desenhaQuadrado(x, 0, 30, "green")
}
if(x = 90) {
desenhaQuadrado(x, 0, 30, 'white')
}
</script> 
