Tentei fazer um circulo no retângulo verde e não consegui(deu interferência). Tentei fazer a bandeira do Brasil( não consegui pelo mesmo motivo). Segue o código da bandeira para que alguém possa me ajudar. Acho que o problema esta sendo na hora de fazer 2*3.14...
<canvas id="tela" width="600" height="400"> </canvas>
<script>
var tela = document.getElementById("tela");
var c = tela.getContext("2d");
c.fillStyle = "green";
c.fillRect(0,0,200,400);
c.fillStyle = "red";
c.fillRect(400,0,200,400);
c.fillStyle = "black";
c.beginPath();
c.moveTo(300,100);
c.lineTo(200,300);
c.lineTo(400,300);
c.fill();
c.fillStyle = "blue";
c.arc(300,200,50,0,2 * 3.14);
c.fill();
</script>
alguém pode me explicar?