<canvas width = "600" height= "400"></canvas>
<script>
let canvas = document.querySelector ("canvas");
let pincel = canvas.getContext ("2d");
// triangulo maior:
pincel.fillStyle = "black";
pincel.beginPath();
pincel.moveTo (50, 50);
pincel.lineTo (50, 400);
pincel.lineTo (400, 400);
pincel.fill ();
//triangulo menor:
pincel.fillStyle = "white";
pincel.beginPath ();
pincel.moveTo (100, 175);
pincel.lineTo (100, 350);
pincel.lineTo (275, 350);
pincel.fill ();
</script>
