Vi e re vi e não rei o motivo do triangulo não aparecer
<script>
var desenho = document.querySelector('canvas')
var pincel = desenho.getContext('2d')
pincel.fillStyle = 'green'
pincel.fillRect(0,0,100,400)
pincel.fillStyle = 'white'
pincel.fillRect(100,0,100,400)
pincel.fillStyle = 'red'
pincel.fillRect(200,0,100,400)
pincel.fillRect = 'yellow';
pincel.beginPath();
pincel.moveTo(300, 200);
pincel.lineTo(200, 400);
pincel.lineTo(400, 400);
pincel.fill();
</script>