<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Your Canvas</title>

<style type="text/css"><!--
#container { position: relative; }
#imageTemp { position: absolute; top: 1px; left: 1px; }
--></style>

</head>
<body>
<canvas id="imageView" width="600" height="500"></canvas>

<script type="text/javascript">
var canvas, context, canvaso, contexto;
canvaso = document.getElementById('imageView');
context = canvaso.getContext('2d');
context.lineWidth = 5;

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(54, 48);
context.lineTo(126, 48);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(126, 48);
context.lineTo(60, 119);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(60, 119);
context.lineTo(125, 118);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(198, 50);

context.lineTo(197, 50);
context.stroke();

context.lineTo(197, 50);
context.stroke();

context.lineTo(195, 49);
context.stroke();

context.lineTo(193, 49);
context.stroke();

context.lineTo(192, 48);
context.stroke();

context.lineTo(191, 48);
context.stroke();

context.lineTo(190, 48);
context.stroke();

context.lineTo(189, 48);
context.stroke();

context.lineTo(189, 48);
context.stroke();

context.lineTo(187, 47);
context.stroke();

context.lineTo(187, 46);
context.stroke();

context.lineTo(186, 46);
context.stroke();

context.lineTo(185, 46);
context.stroke();

context.lineTo(185, 45);
context.stroke();

context.lineTo(185, 44);
context.stroke();

context.lineTo(184, 44);
context.stroke();

context.lineTo(183, 44);
context.stroke();

context.lineTo(182, 44);
context.stroke();

context.lineTo(181, 44);
context.stroke();

context.lineTo(181, 45);
context.stroke();

context.lineTo(181, 46);
context.stroke();

context.lineTo(181, 47);
context.stroke();

context.lineTo(180, 48);
context.stroke();

context.lineTo(180, 48);
context.stroke();

context.lineTo(179, 49);
context.stroke();

context.lineTo(179, 50);
context.stroke();

context.lineTo(178, 52);
context.stroke();

context.lineTo(178, 52);
context.stroke();

context.lineTo(177, 53);
context.stroke();

context.lineTo(177, 54);
context.stroke();

context.lineTo(177, 55);
context.stroke();

context.lineTo(177, 56);
context.stroke();

context.lineTo(177, 56);
context.stroke();

context.lineTo(178, 56);
context.stroke();

context.lineTo(178, 57);
context.stroke();

context.lineTo(178, 58);
context.stroke();

context.lineTo(178, 59);
context.stroke();

context.lineTo(180, 60);
context.stroke();

context.lineTo(180, 61);
context.stroke();

context.lineTo(181, 62);
context.stroke();

context.lineTo(181, 63);
context.stroke();

context.lineTo(181, 64);
context.stroke();

context.lineTo(181, 65);
context.stroke();

context.lineTo(182, 65);
context.stroke();

context.lineTo(182, 66);
context.stroke();

context.lineTo(183, 67);
context.stroke();

context.lineTo(185, 67);
context.stroke();

context.lineTo(185, 68);
context.stroke();

context.lineTo(185, 68);
context.stroke();

context.lineTo(186, 69);
context.stroke();

context.lineTo(187, 69);
context.stroke();

context.lineTo(189, 70);
context.stroke();

context.lineTo(189, 71);
context.stroke();

context.lineTo(191, 72);
context.stroke();

context.lineTo(193, 73);
context.stroke();

context.lineTo(195, 76);
context.stroke();

context.lineTo(197, 77);
context.stroke();

context.lineTo(197, 77);
context.stroke();

context.lineTo(197, 79);
context.stroke();

context.lineTo(198, 80);
context.stroke();

context.lineTo(198, 80);
context.stroke();

context.lineTo(199, 81);
context.stroke();

context.lineTo(200, 81);
context.stroke();

context.lineTo(201, 82);
context.stroke();

context.lineTo(201, 83);
context.stroke();

context.lineTo(201, 84);
context.stroke();

context.lineTo(201, 85);
context.stroke();

context.lineTo(201, 86);
context.stroke();

context.lineTo(201, 87);
context.stroke();

context.lineTo(201, 88);
context.stroke();

context.lineTo(201, 89);
context.stroke();

context.lineTo(201, 90);
context.stroke();

context.lineTo(201, 92);
context.stroke();

context.lineTo(201, 92);
context.stroke();

context.lineTo(201, 93);
context.stroke();

context.lineTo(201, 96);
context.stroke();

context.lineTo(201, 96);
context.stroke();

context.lineTo(199, 98);
context.stroke();

context.lineTo(198, 100);
context.stroke();

context.lineTo(197, 100);
context.stroke();

context.lineTo(196, 100);
context.stroke();

context.lineTo(195, 101);
context.stroke();

context.lineTo(193, 102);
context.stroke();

context.lineTo(193, 103);
context.stroke();

context.lineTo(190, 104);
context.stroke();

context.lineTo(189, 104);
context.stroke();

context.lineTo(185, 106);
context.stroke();

context.lineTo(184, 107);
context.stroke();

context.lineTo(183, 107);
context.stroke();

context.lineTo(181, 108);
context.stroke();

context.lineTo(180, 109);
context.stroke();

context.lineTo(179, 110);
context.stroke();

context.lineTo(177, 110);
context.stroke();

context.lineTo(177, 111);
context.stroke();

context.lineTo(176, 111);
context.stroke();

context.lineTo(175, 112);
context.stroke();

context.lineTo(174, 112);
context.stroke();

context.lineTo(173, 112);
context.stroke();

context.lineTo(173, 112);
context.stroke();

context.lineTo(172, 112);
context.stroke();

context.lineTo(171, 112);
context.stroke();

context.lineTo(170, 112);
context.stroke();

context.lineTo(170, 112);
context.stroke();

context.lineTo(169, 112);
context.stroke();

context.lineTo(169, 111);
context.stroke();

context.lineTo(169, 111);
context.stroke();

context.lineTo(168, 110);
context.stroke();

context.lineTo(168, 110);
context.stroke();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(261, 40);
context.lineTo(258, 119);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(225, 38);
context.lineTo(285, 41);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(320, 45);
context.lineTo(318, 113);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(317, 31);
context.lineTo(320, 34);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(362, 43);
context.lineTo(427, 44);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(427, 44);
context.lineTo(369, 107);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(369, 107);
context.lineTo(429, 107);
context.stroke();
context.closePath();
</script>
</body>
</html>