<!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.strokeRect(87, 54, 313, 295);

context.strokeStyle = '#000000';
context.strokeRect(469, 199, 43, 180);

context.strokeStyle = '#000000';
context.strokeRect(157, 247, 296, 166);

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(118, 182);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(213, 259);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(213, 376);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(220, 394);
context.stroke();

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

context.lineTo(224, 394);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(437, 157);

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

context.lineTo(443, 147);
context.stroke();

context.lineTo(446, 140);
context.stroke();

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

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

context.lineTo(457, 128);
context.stroke();

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

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

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

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

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

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

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

context.lineTo(473, 119);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(511, 67);
context.stroke();
</script>
</body>
</html>