2
respuestas

Duda escuadra

Hola mi consulta esta dada en la ultima parte del código, ya que la escuadra queda realizada sin ese código.

<!-- escuadra.html -->

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

<script>

    var pantalla = document.querySelector("canvas");
    var pincel = pantalla.getContext("2d");
    pincel.fillStyle='black';
    pincel.beginPath();
    pincel.moveTo(50, 50);
    pincel.lineTo(50, 400);
    pincel.lineTo(400, 400);
    pincel.fill();

    pincel.fillStyle='white';
    pincel.beginPath();
    pincel.moveTo(100, 175);
    pincel.lineTo(100, 350);
    pincel.lineTo(275, 350);
    pincel.fill();
//¿esta ultima parte del código para que seria?
    pincel.beginPath();
    pincel.moveTo(50, 50);
    pincel.lineTo(50, 400);    

</script>
2 respuestas

Inicializa el recorrido del pincel lo deja en (0,0) , luego lo mueve a (50,50) y después marca una linea hacia (50,400) pero no es visible pues faltaría pincel.fill();

Hola Guillermo gracias por responder, si entiendo lo que hace el movimiento, pero no me explico cual es la intención. si esa parte del código no hace nada, solo posiciona el pincel en coordenadas. saludos