Olá felipe! Acho que assim fica melhor de visualizar seu codigo...

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

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

    pincel.fillStyle = "green";// criando o retangulo 
    pincel.fillRect(0, 0, 600, 400); // função cria o retângulo 
    pincel.fill(); //preenchendo com a ultima cor

    pincel.fillStyle = "yellow";//criando o losango  
    pincel.beginPath();//reseto o caminho do pincel 
    pincel.moveTo(300, 35); //movo  o  pincel para tal posição   
    pincel.lineTo(25, 200);//crio uma linha ate tal coordenada
    pincel.lineTo(300, 375);  //crio uma linha ate tal coordenada  
    pincel.lineTo(575, 200);//crio uma linha ate tal coordenada  
    pincel.fill(); //preencho  com a ultima cor atribuida ao pincel

    // criando o circulo  
    pincel.fillStyle = "darkblue"; //aqui atribuo a cor azul ao pincel  
    pincel.beginPath();//reseto o caminho do pincel  
    pincel.arc(300, 200, 120, 0, 2* 3.14); //função para criar um circulo   
    pincel.fill();//preencho o circulo com a ultima cor atribuida ao pincel
</script>

joia amigo.