<canvas width ="600" height="400"></canvas>
<script>
var hino = document.querySelector('canvas');
var bandeira = hino.getContext('2d');
bandeira.fillStyle = "green";
bandeira.fillRect (1,1,250,150);
bandeira.fillStyle = 'yellow';
bandeira.beginPath();
bandeira.moveTo(125,0);
bandeira.lineTo(250,75);
bandeira.lineTo(125,150);
bandeira.lineTo(0,75);
bandeira.lineTo(125,0);
bandeira.fill();
bandeira.fillStyle = "darkblue";
bandeira.beginPath();
bandeira.arc(125, 75, 50, 0, 2*3.14);
bandeira.fill();
</script>
