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

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

  pincel.fillStyle = 'green';
  pincel.fillRect (0,0,600,400);

  pincel.fillStyle = 'yellow';
  pincel.beginPath ();
  pincel.moveTo (300,50);
  pincel.lineTo (50,200);
  pincel.lineTo (550,200);
  pincel.fill ();

  pincel.beginPath();
  pincel.moveTo (300,350);
  pincel.lineTo (50,200);
  pincel.lineTo (550,200);
  pincel.fill ();

  pincel.fillStyle = 'darkblue';
  pincel.beginPath ();

  pincel.arc (300,200,100,0, 2*3.14);
  pincel.fill();

</script>

esse é meu codigo

Pedro,

se abrir o console do navegador vai ver a seguinte mensagem:

Uncaught TypeError: tela.getContex is not a function

Isto indica que o navegador não está reconhecendo esta função. O que ocorreu é que escreveu errado a função, esquecendo de um t em Context

Acrescente este 't', e o código vai funcionar.

Sempre que seu código não funcionar, abra o console do navegador (tecla F12 no google chrome). Ele pode lhe dar dicas sobre os possíveis erros.