var pantalla = document.querySelector("canvas"); //recibira al canvas de html
var pincel = pantalla.getContext("2d");
pincel.fillStyle = "lightgrey";
pincel.fillRect(0, 0, 600, 400);
pincel.fillStyle = "green";
pincel.fillRect(0, 0, 200, 400);
pincel.fillStyle = "red";
pincel.fillRect(400, 0, 200, 400);
//triangulo
pincel.fillStyle = "yellow";
pincel.beginPath(); //se mueve por toda la bandera
pincel.moveTo(300, 200); //se mueve al centro
pincel.lineTo(200, 400); //se mueve a la parte inferior del color verdde
pincel.lineTo(400, 400);
pincel.fill();
//circuferencia
pincel.fillStyle = "blue";
pincel.beginPath(); //se mueve por toda la bandera
pincel.arc(300, 200, 50, 0, 2 * 3.14);
pincel.fill();
