DEV´s VAMOS COMPLETAR A BANDEIRA cada um faz a estrela do seu Estado e da enfase!E Reposta aqui Já tem algumas!

<canvas width= "800" height= '500'>
</canvas>

<script>

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

    pincel.fillStyle = 'green'; //retangulo matas , florestas
    pincel.fillRect(0, 0, 800, 600);

    pincel.fillStyle = 'yellow'; // triangulo superior riqueza
    pincel.beginPath();
    pincel.moveTo (400, 50);
    pincel.lineTo (50, 250);
    pincel.lineTo (750, 250);
    pincel.fill();

    pincel.fillStyle = 'yellow';// triangulo inferior riqueza
    pincel.beginPath();
    pincel.moveTo (400, 450);
    pincel.lineTo (50, 250);
    pincel.lineTo (750, 250);
    pincel.fill();

    pincel.fillStyle= 'blue'; // circulo céus e rios 
    pincel.beginPath();
    pincel.arc(400, 250, 100, 0, 2 * 3.14);
    pincel.fill();

    pincel.fillStyle = 'white'; //retangulo paz
    pincel.fillRect(300, 240, 200, 20);

    pincel.fillStyle= 'white'; // Pará
    pincel.beginPath();
    pincel.arc(430, 230, 3, 0, 2 * 3.14);
    pincel.fill();

    pincel.fillStyle= 'white'; //Acre
    pincel.beginPath();
    pincel.arc(430, 270, 2, 0, 2 * 3.14);
    pincel.fill();

    pincel.fillStyle= 'white';// Amazonas
    pincel.beginPath();
    pincel.arc(330, 270, 3, 0, 2 * 3.14);
    pincel.fill();

    pincel.fillStyle= 'white'; //Mato Grosso do sul
    pincel.beginPath();
    pincel.arc(350, 280, 2, 0, 2 * 3.14);
    pincel.fill();

    pincel.fillStyle= 'white'; //Rondônia 
    pincel.beginPath();
    pincel.arc(347, 290, 2, 0, 2 * 3.14);
    pincel.fill();

    pincel.fillStyle= 'white'; //Mato Grosso
    pincel.beginPath();
    pincel.arc(340, 300, 3, 0, 2 * 3.14);
    pincel.fill();

    pincel.fillStyle= 'white'; //Roraima
    pincel.beginPath();
    pincel.arc(355, 305, 2, 0, 2 * 3.14);
    pincel.fill();

    pincel.fillStyle= 'white'; //Amapá
    pincel.beginPath();
    pincel.arc(335, 310, 2, 0, 2 * 3.14);
    pincel.fill();

    pincel.fillStyle= 'white'; //Tocantis
    pincel.beginPath();
    pincel.arc(352, 320, 1, 0, 2 * 3.14);
    pincel.fill();


    pincel.fillStyle= 'white'; //Goiás
    pincel.beginPath();
    pincel.arc(372, 330, 7, 0, 2 * 3.14);
    pincel.fill();

    pincel.fillStyle= 'Green'; //Goiás
    pincel.beginPath();
    pincel.arc(372, 330, 6, 0, 2 * 3.14);
    pincel.fill();

</script>