Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Solucionado (ver solución)
Solucionado
(ver solución)
3
respuestas

Ayuda! ¿No se porque no funciona? No me dibuja ni el circulo ni el triangulo. Muchas gracias.

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();
3 respuestas

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.

solución!

¡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>