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

Escuadra - Duda.

Buenas noches.

He realizado el ejercicio en cuestión (escuadra). Concluí el mismo con éxito pero me genero unas dudas. Cuando dibujamos figuras geométricas que respondan a un triangulo, he notado que al escribir las sentencias para dibujar dos lineas y posteriormente ejecutar la lineal de código "pencil.fill()" automáticamente se rellena sin la necesidad de dibujar el otro lado del triangulo. Esta bien ejecutado esto? O debo dibujar si o si la otra lineal del triangulo porque genera algún tipo de bugs o alguna mala practica de programación? El objetivo solicitado se logra alcanzar pero mi duda es si ha sido realizado de la forma correcta porque en la opinion del profesor lo ha realizado de otra manera.

Adjunto código.

2 respuestas
<canvas width="450" height="400">

</canvas>

<script>

    var screen=document.querySelector("canvas");
    var pencil=screen.getContext("2d");

    pencil.fillStyle="black";
    pencil.beginPath();
    pencil.moveTo(50,50);
    pencil.lineTo(50,400);
    pencil.lineTo(400,400);
    pencil.fill();

    pencil.fillStyle="white";
    pencil.beginPath();
    pencil.moveTo(100,175);
    pencil.lineTo(100,350);
    pencil.lineTo(275,350);
    pencil.fill();


</script>

Hola, con la función fill() el trazo de cierra automáticamente, pero no pasa igual si se usara stroke. https://developer.mozilla.org/es/docs/Web/API/Canvas_API/Tutorial/Drawing_shapes