<!DOCTYPE html>

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

<style type="text/css"></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(124, 95);

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

context.lineTo(125, 114);
context.stroke();

context.lineTo(125, 135);
context.stroke();

context.lineTo(123, 156);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(105, 278);
context.stroke();

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

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

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

context.lineTo(105, 304);
context.stroke();

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

context.lineTo(120, 318);
context.stroke();

context.lineTo(139, 323);
context.stroke();

context.lineTo(165, 324);
context.stroke();

context.lineTo(203, 324);
context.stroke();

context.lineTo(252, 324);
context.stroke();

context.lineTo(293, 324);
context.stroke();

context.lineTo(327, 324);
context.stroke();

context.lineTo(355, 319);
context.stroke();

context.lineTo(364, 311);
context.stroke();

context.lineTo(370, 303);
context.stroke();

context.lineTo(372, 285);
context.stroke();

context.lineTo(373, 261);
context.stroke();

context.lineTo(373, 232);
context.stroke();

context.lineTo(375, 207);
context.stroke();

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

context.lineTo(381, 157);
context.stroke();

context.lineTo(385, 134);
context.stroke();

context.lineTo(387, 115);
context.stroke();

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

context.lineTo(388, 95);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(413, 149);

context.lineTo(396, 151);
context.stroke();

context.lineTo(373, 151);
context.stroke();

context.lineTo(341, 151);
context.stroke();

context.lineTo(308, 151);
context.stroke();

context.lineTo(283, 155);
context.stroke();

context.lineTo(264, 157);
context.stroke();

context.lineTo(249, 158);
context.stroke();

context.lineTo(239, 158);
context.stroke();

context.lineTo(223, 158);
context.stroke();

context.lineTo(207, 158);
context.stroke();

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

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

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

context.lineTo(159, 161);
context.stroke();

context.lineTo(155, 161);
context.stroke();

context.lineTo(153, 161);
context.stroke();

context.lineTo(151, 161);
context.stroke();

context.lineTo(150, 161);
context.stroke();

context.lineTo(149, 161);
context.stroke();

context.lineTo(148, 161);
context.stroke();

context.lineTo(148, 161);
context.stroke();

context.strokeStyle = '#000000';
context.strokeRect(139, 117, 336, 188);

context.strokeStyle = '#000000';
context.strokeRect(287, 366, 202, 50);
</script>
</body>
</html>