<!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(98, 71, 420, 336);

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(142, 109);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(298, 209);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(297, 213);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(195, 356);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(278, 303);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(374, 380);
context.stroke();
</script>
</body>
</html>