Só não liga para o nome de variável, gosto de mesclar com nomes bem diferentes.
<canvas width ="600" height="400"></canvas>
<script>
var triangulo = document.querySelector('canvas');
var bermudas = triangulo.getContext('2d');
bermudas.beginPath();
bermudas.moveTo(50,50);
bermudas.lineTo(50,400);
bermudas.lineTo(400,400);
bermudas.fill();
bermudas.fillStyle = 'white';
bermudas.beginPath();
bermudas.moveTo(100,175);
bermudas.lineTo(100,350);
bermudas.lineTo(275,350);
bermudas.fill();
</script>
