Consegui fazer desse jeito onde independente do tamanho o quadrado, ele mantem a fração. Da pra fazer melhor e mais útil, quem sabe outra hora eu tente.
<canvas width="1920" height="1080"></canvas>
<script>
function quadrado(x, y, cubo, cor){
var tela = document.querySelector("canvas");
var pincel = tela.getContext("2d");
pincel.fillStyle = cor;
pincel.fillRect(x,y,cubo,cubo);
pincel.fillStroke = "black";
pincel.strokeRect(x,y, cubo, cubo);
}
var cubo = parseInt(prompt("Digite o tamanho do quadrado"));
var y = 0;
var regulador = cubo * 3;
for(var x = 1; x <= regulador; x = x + cubo){
quadrado(x, y, cubo,"green");
}if(x != regulador){
quadrado(x, y, cubo, "white");
}
</script>
