Bandeira LGBTQIA+

Para fixar o que foi passado eu decidi criar a bandeira representante da comunidade LGBTQIA+ com os quadradinhos kkk. Ficou legal, e se tirar o comando "strokeRect" fica igualzinho. Aqui está:

<canvas width=1850 height=1050></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);

    }

    var largura = 0
    var limiteLargura = 1850

    while (largura != limiteLargura) {

        desenhaQuadrado(largura,0,"red");
        desenhaQuadrado(largura,50,"orange");
        desenhaQuadrado(largura,100,"yellow");
        desenhaQuadrado(largura,150,"green");
        desenhaQuadrado(largura,200,"blue");
        desenhaQuadrado(largura,250,"purple");
        largura = largura + 50;

    }

</script>