Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
2
respuestas

Mi diseño de la escuadra

No varia del diseño en clase, dado que daban todos los puntos a donde debía moverse la linea, les dejo mi codigo.

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

<script>

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

    pincel.fillStyle = "black";
    pincel.beginPath();
    pincel.moveTo(50,50); // moverse al punto de la coordenada
    pincel.lineTo(50,400); // una linea hasta ese pto
    pincel.lineTo(400,400); // una linea hasta ese pto
    pincel.fill();

    pincel.fillStyle = "white";
    pincel.beginPath();
    pincel.moveTo(100,175); // moverse al punto de la coordenada
    pincel.lineTo(100,350); // una linea hasta ese pto
    pincel.lineTo(275,350); // una linea hasta ese pto
    pincel.fill();


</script>
2 respuestas

Hola Ediberto

Gracias por compartir tu código, está muy bien felicitaciones.

Si tienes alguna pregunta sobre el contenido de los cursos, estaremos aquí para ayudarte.

Si este post te ayudó, por favor, marca como solucionado ✓. Continúa con tus estudios

Hola Ediberto, gran trabajo en tu código. Saludos cordiales