Bandeiras para treinar

Para treinar esse módulo usei as bandeiras:

• da Suécia para treinar só os retângulos.

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

<script>
    var tela=document.querySelector("canvas");
    var pincel = tela.getContext("2d");


    pincel.fillStyle = "blue";
    pincel.fillRect(0,0,600,400);

    pincel.fillStyle = "yellow";
    pincel.fillRect(0,200,600,80);
    pincel.fillRect(150,0,80,400);

</script>

• de Bahamas para treinar os retângulos e o triângulo.

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

<script>
    var tela = document.querySelector("canvas");
    var pincel = tela.getContext("2d");

    pincel.fillStyle = "aqua";
    pincel.fillRect(0,0,600,400);

    pincel.fillStyle = "yellow";
    pincel.fillRect(0,150,600,100);

    pincel.fillStyle="black";
    pincel.beginPath();
    pincel.moveTo(0,0);
    pincel.lineTo(200,200);
    pincel.lineTo(0,400);
    pincel.fill();


</script>

• do Japão para treinar o círculo.

<canvas width="605" height="405"></canvas>


<script>
    var tela = document.querySelector("canvas");
    var pincel = tela.getContext("2d");

    pincel.fillStyle = "black";
    pincel.fillRect(0,0,605,405);


    pincel.fillStyle = "white";
    pincel.fillRect(2,2,600,400);

    pincel.fillStyle = "red";
    pincel.beginPath();
    pincel.arc(300,200,130,0,2*3.14);
    pincel.fill();

</script>

• e de Palau para treinar o círculo.

<canvas width="605" height="405"></canvas>


<script>
    var tela = document.querySelector("canvas");
    var pincel = tela.getContext("2d");

    pincel.fillStyle = "black";
    pincel.fillRect(0,0,605,405);


    pincel.fillStyle = "aqua";
    pincel.fillRect(2,2,600,400);

    pincel.fillStyle = "yellow";
    pincel.beginPath();
    pincel.arc(200,200,100,0,2*3.14);
    pincel.fill();

</script>