!DOCTYPE html
html
    head
        titletitle
    head
    body
    canvas id=myCanvas width=800 height=500 style=border 1px solid#000000;
        your browser doesnt support canvas
    canvas
    script
        var c= document.getElementById(myCanvas);
        var ctx=c.getContext(2d);
        ctx.font=30px Arial;
        ctx.strokeText(Hello World,20,50);

        ctx.moveTo(75,75);
        ctx.lineTo(75,125);
        ctx.stroke();
        ctx.moveTo(75,75);
        ctx.lineTo(125,75);
        ctx.stroke();
        ctx.moveTo(125,125);
        ctx.lineTo(75,125);
        ctx.stroke();
        ctx.moveTo(125,125);
        ctx.lineTo(125,75);
        ctx.stroke();


        ctx.moveTo(250,75);
        ctx.lineTo(250,125);
        ctx.stroke();
        ctx.moveTo(250,75);
        ctx.lineTo(350,75);
        ctx.stroke();
        ctx.moveTo(350,75);
        ctx.lineTo(350,125);
        ctx.stroke();
        ctx.moveTo(350,125);
        ctx.lineTo(250,125);
        ctx.stroke();

        ctx.beginPath();
        ctx.arc(500, 100, 50, 0, 2  Math.PI);
        ctx.stroke();
    script
    body
html