Indo um pouco além dos triangulos...uma estrada com pinheiros ao fundo.

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

<script>

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

pincel.fillStyle = "lightblue";
pincel.fillRect(0,0,600,400);


pincel.fillStyle = "brown";
pincel.beginPath();
pincel.moveTo(300,200);
pincel.lineTo(600,400);
pincel.lineTo(600,200);
pincel.fill();


pincel.fillStyle = "darkgrey";
pincel.beginPath();
pincel.moveTo(300,200);
pincel.lineTo(200,400);
pincel.lineTo(400,400);
pincel.fill();

pincel.fillStyle = "brown";
pincel.beginPath();
pincel.moveTo(300,200);
pincel.lineTo(0,200);
pincel.lineTo(0,400);
pincel.fill();


pincel.fillStyle = "brown";
pincel.beginPath();
pincel.moveTo(300,215);
pincel.lineTo(215,400);
pincel.lineTo(385,400);
pincel.fill();


pincel.fillStyle = "green";
pincel.beginPath();
pincel.moveTo(50,150);
pincel.lineTo(45,200);
pincel.lineTo(55,200);
pincel.fill();


pincel.fillStyle = "green";
pincel.beginPath();
pincel.moveTo(80,150);
pincel.lineTo(75,200);
pincel.lineTo(85,200);
pincel.fill();


pincel.fillStyle = "green";
pincel.beginPath();
pincel.moveTo(450,150);
pincel.lineTo(455,200);
pincel.lineTo(445,200);
pincel.fill();


pincel.fillStyle = "green";
pincel.beginPath();
pincel.moveTo(550,130);
pincel.lineTo(555,200);
pincel.lineTo(545,200);
pincel.fill();

</script>

![triangulos](https://cdn1.gnarususercontent.com.br/1/1183678/af8000bc-fd10-4148-b4c8-0ecefca55345.jpg)