<!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(87, 77);

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

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

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

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

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

context.lineTo(130, 132);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(335, 115);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(194, 339);
context.stroke();

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

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

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

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

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

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

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

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

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

context.lineTo(321, 302);
context.stroke();

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

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

context.lineTo(336, 294);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(339, 172);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(464, 242);
context.stroke();

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

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

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

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

context.lineTo(474, 339);
context.stroke();

context.lineTo(476, 348);
context.stroke();

context.lineTo(479, 357);
context.stroke();

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

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

context.lineTo(486, 379);
context.stroke();

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

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

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

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

context.lineTo(490, 391);
context.stroke();

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

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

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

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

context.lineTo(508, 412);
context.stroke();

context.lineTo(510, 413);
context.stroke();

context.lineTo(511, 413);
context.stroke();

context.lineTo(511, 413);
context.stroke();

context.strokeStyle = '#000000';
context.strokeRect(82, 324, 205, 143);

context.strokeStyle = '#000000';
context.strokeRect(173, 424, 291, 5);

context.strokeStyle = '#000000';
context.strokeRect(406, 121, 149, 214);
</script>
</body>
</html>