<!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.strokeRect(196, 107, 171, 245);

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(225, 187);
context.lineTo(225, 331);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(254, 187);
context.lineTo(255, 334);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(224, 187);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(173, 399);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(255, 188);

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(255, 188);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(269, 61);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(162, 65);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(129, 382);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(182, 442);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(478, 281);
context.stroke();
</script>
</body>
</html>