<!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(183, 258);

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

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

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

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

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

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

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

context.lineTo(273, 240);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(191, 135);

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(208, 119);

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(259, 143);

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(284, 145);

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(327, 145);

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(368, 164);

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(375, 167);

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(116, 223);

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(123, 134);

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.strokeRect(116, 103, 221, 203);

context.strokeStyle = '#000000';
context.strokeRect(347, 117, 134, 237);

context.strokeStyle = '#000000';
context.strokeRect(104, 42, 449, 352);

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(64, 114);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(477, 455);
context.stroke();

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

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

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

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

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

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

context.lineTo(537, 188);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(32, 495);
context.stroke();

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

context.lineTo(40, 409);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(300, 441);
context.stroke();

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(507, 329);

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(526, 296);

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(533, 366);

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

context.lineTo(530, 369);
context.stroke();

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(509, 377);

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(487, 368);

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(474, 377);

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(478, 385);

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(482, 401);

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(480, 408);

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(476, 415);

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

context.lineTo(477, 418);
context.stroke();

context.lineTo(477, 418);
context.stroke();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(479, 419);

context.lineTo(481, 420);
context.stroke();

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(487, 423);

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(497, 423);

context.lineTo(499, 424);
context.stroke();

context.lineTo(499, 424);
context.stroke();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(505, 422);

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(510, 421);

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

context.lineTo(512, 422);
context.stroke();

context.lineTo(513, 422);
context.stroke();

context.lineTo(513, 422);
context.stroke();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(515, 427);

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(516, 435);

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

context.lineTo(515, 438);
context.stroke();

context.lineTo(514, 439);
context.stroke();

context.lineTo(514, 440);
context.stroke();

context.lineTo(514, 440);
context.stroke();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(512, 443);

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(515, 454);

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(520, 458);

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(527, 461);

context.lineTo(528, 462);
context.stroke();

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(530, 465);

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(534, 470);

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(540, 472);

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(545, 471);

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(547, 453);

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

context.lineTo(548, 451);
context.stroke();

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(548, 447);

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(554, 442);

context.lineTo(554, 441);
context.stroke();

context.lineTo(555, 441);
context.stroke();

context.lineTo(555, 441);
context.stroke();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(556, 436);

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

context.lineTo(555, 433);
context.stroke();

context.lineTo(552, 430);
context.stroke();

context.lineTo(552, 429);
context.stroke();

context.lineTo(552, 429);
context.stroke();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(552, 427);

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(558, 416);

context.lineTo(558, 415);
context.stroke();

context.lineTo(558, 415);
context.stroke();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(558, 411);

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

context.lineTo(558, 409);
context.stroke();

context.lineTo(558, 409);
context.stroke();
</script>
</body>
</html>