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

Escuadra con medidas

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

    var contador = 70;
    var limite = 400;
    var numero = 17;
    while(contador < limite){

        pincel.lineWidth = 2;
        pincel.strokeStyle = "white";
        pincel.beginPath();
        pincel.moveTo(50,contador);
        pincel.lineTo(58,contador);
        pincel.stroke();

        pincel.fillStyle = "white";
        pincel.fillText(numero,60, contador);
        contador = contador + 20;
        numero = numero - 1;

    }

</script>
2 respuestas

Esta perfecto. segui asi!

Gracias Jorge, investigue como hacer las lineas y el texto