<!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(106, 120);

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

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

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

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

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

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

context.lineTo(215, 222);
context.stroke();

context.lineTo(233, 233);
context.stroke();

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

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

context.lineTo(280, 255);
context.stroke();

context.lineTo(284, 257);
context.stroke();

context.lineTo(286, 257);
context.stroke();

context.lineTo(286, 257);
context.stroke();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(347, 178);

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(228, 202);
context.stroke();

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

context.lineTo(216, 211);
context.stroke();

context.lineTo(210, 215);
context.stroke();

context.lineTo(206, 219);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(212, 359);
context.stroke();

context.lineTo(215, 362);
context.stroke();

context.lineTo(217, 365);
context.stroke();

context.lineTo(222, 367);
context.stroke();

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

context.lineTo(237, 374);
context.stroke();

context.lineTo(245, 378);
context.stroke();

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

context.lineTo(265, 383);
context.stroke();

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

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

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

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

context.lineTo(331, 380);
context.stroke();

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

context.lineTo(368, 371);
context.stroke();

context.lineTo(390, 367);
context.stroke();

context.lineTo(408, 363);
context.stroke();

context.lineTo(423, 360);
context.stroke();

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

context.lineTo(447, 349);
context.stroke();

context.lineTo(458, 342);
context.stroke();

context.lineTo(465, 337);
context.stroke();

context.lineTo(472, 331);
context.stroke();

context.lineTo(478, 325);
context.stroke();

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

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

context.lineTo(493, 306);
context.stroke();

context.lineTo(497, 301);
context.stroke();

context.lineTo(501, 295);
context.stroke();

context.lineTo(502, 291);
context.stroke();

context.lineTo(504, 286);
context.stroke();

context.lineTo(505, 284);
context.stroke();

context.lineTo(505, 282);
context.stroke();

context.lineTo(506, 282);
context.stroke();

context.lineTo(506, 282);
context.stroke();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(393, 70);

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

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

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

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

context.lineTo(358, 75);
context.stroke();

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

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

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

context.lineTo(289, 78);
context.stroke();

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

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

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

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

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

context.lineTo(231, 97);
context.stroke();

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

context.lineTo(228, 126);
context.stroke();

context.lineTo(234, 152);
context.stroke();

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

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

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

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

context.lineTo(426, 288);
context.stroke();

context.lineTo(461, 291);
context.stroke();

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

context.lineTo(516, 288);
context.stroke();

context.lineTo(536, 282);
context.stroke();

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

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

context.lineTo(562, 260);
context.stroke();

context.lineTo(568, 251);
context.stroke();

context.lineTo(573, 238);
context.stroke();

context.lineTo(576, 233);
context.stroke();

context.lineTo(579, 229);
context.stroke();

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

context.lineTo(582, 225);
context.stroke();

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

context.lineTo(585, 222);
context.stroke();

context.lineTo(585, 221);
context.stroke();

context.lineTo(585, 219);
context.stroke();

context.lineTo(585, 219);
context.stroke();
</script>
</body>
</html>