Lab1 | JS

<html>
    <body>
    <canvas id='draw' style='border:1px solid' width='180' height='80'></canvas>
    <script type='text/javascript'>
    var canvas=document.getElementById("draw")
    var x=canvas.getContext("2d");
    x.lineWidth = 8;
    x.strokeStyle = "orange";
    x.lineCap = 'blue';

    // Н
    x.moveTo(20,10);
    x.lineTo(20,70);
    x.moveTo(20,40);
    x.lineTo(50,40);
    x.moveTo(50,10);
    x.lineTo(50,70);

    // Ю
    x.moveTo(70,10);
    x.lineTo(70,70);
    x.moveTo(70,40);
    x.lineTo(90,40);
    x.moveTo(90,20);


    x.lineTo(100,10);
    x.lineTo(90,20);
    x.lineTo(90,60);
    x.lineTo(100,70);
    x.lineTo(110,70);
    x.lineTo(120,60);
    x.lineTo(120,20);
    x.lineTo(110, 10);
    x.lineTo(98,10);

    // С
    x.moveTo(170,20);
    x.lineTo(160,10);
    x.lineTo(150,10);
    x.lineTo(140,20);
    x.lineTo(140,60);
    x.lineTo(154,70);
    x.lineTo(160,70);
    x.lineTo(170,60);
    x.stroke();
    </script>
    </body>
    </html>