Fiz a bandeira do Brasil desenhando um losango.
<meta charset="UTF-8">
<canvas width="600" height="400">
</canvas>
<script>
var tecido = document.querySelector('canvas');
var lapis = tecido.getContext('2d');
lapis.fillStyle = 'green';
lapis.fillRect(0,0 , 600,400);
lapis.fillStyle = 'yellow';
lapis.beginPath();
lapis.moveTo(50, 200);
lapis.lineTo(300, 350);
lapis.lineTo(550, 200);
lapis.lineTo(300,50);
lapis.fill();
lapis.fillStyle = 'darkblue';
lapis.beginPath();
lapis.arc(300,200,100,0,2*3.14);
lapis.fill();
</script>