pincel.fillStyle = "yellow"; pincel.beginPath(); pincel.moveTo(300,800); pincel.lineTo(200,1200); pincel.lineTo(400,1200); pincel.fill();
pincel.fillStyle = "blue";
pincel.beginPath();
pincel.arc(300,200, 50, 0, 2 * 3.14);
pincel.stroke();
pincel.fillStyle = "yellow"; pincel.beginPath(); pincel.moveTo(300,800); pincel.lineTo(200,1200); pincel.lineTo(400,1200); pincel.fill();
pincel.fillStyle = "blue";
pincel.beginPath();
pincel.arc(300,200, 50, 0, 2 * 3.14);
pincel.stroke();
Por lo que veo cuando haces el triángulo lo haces muy abajo
pincel.moveTo(300,800);
pincel.lineTo(200,1200);
pincel.lineTo(400,1200);
Si tu canvas es igual al que hace el instructor no se va a ver, el del instructor es de 600x400. En cuanto a el circulo cambia el pincel.stroke() por pincel.fill(). Si estos cambios no solucionan tu problema comparte el código completo para poder ver si no hay algo mas que pueda causarte problemas.
¡Hola! Muchas gracias. Si es igual que el instructor, pero no creo que sea eso, sin embargo, comparto mi código, no me funciona las demás instrucciones. Es muy raro.
<meta charset="UTF-8">
<canvas width= "600" height="400"></canvas>
<script>
var pantalla = document.querySelector("canvas");
var pencil = pantalla.getContext("2d");
pencil.beginPath();
pencil.moveTo(50, 50);
pencil.lineTo(50, 400);
pencil.fill();
pencil.fillStyle = "yellow";
pencil.fillRect(0,0,500, 400);
pencil.fillStyle = "green";
pencil.fillRect(150,250, 60, 200);
pencil.fillStyle = "backgreen";
pencil.fillRect(150, 250, 200, 80);
pencil.fillStyle = "backgreen";
pencil.fillRect(290, 250, 60, 200);
pencil.fillStyle = "backgreen";
pencil.fillRect(200, 200, 100, 100);
pencil.fillStyle = "backgreen";
pencil.fillRect(50, 60, 100, 100);
pencil.fillStyle = "backgreen";
pencil.fillRect(320, 60, 100, 100);
</script>