Fiz a bandeira LGBTQI+

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

<!-- BANDEIRA LGBTQI+ -->

<script>

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


    function desenhaQuadrado(largura,altura, cor) {
        pincel.fillStyle = cor;
        pincel.fillRect(largura, altura, 50, 50);

        /*
        pincel.fillStroke = 'white';
        pincel.strokeRect(largura, altura, 50, 50);
        */
    }

    var x = 0;
    while(x < 600) {
        desenhaQuadrado(x, 0, 'red');
        desenhaQuadrado(x, 50, 'orange');
        desenhaQuadrado(x, 100, 'yellow');
        desenhaQuadrado(x, 150, 'green');
        desenhaQuadrado(x, 200, 'blue');
        desenhaQuadrado(x, 250, 'purple');
        x = x + 50;
    }


</script>