<!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(0, 497);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(301, 498);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(107, 496);
context.stroke();

context.lineTo(104, 496);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(42, 498);
context.stroke();

context.lineTo(42, 498);
context.stroke();

context.lineTo(42, 498);
context.stroke();

context.lineTo(42, 498);
context.stroke();

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

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

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

context.lineTo(36, 496);
context.stroke();

context.lineTo(35, 496);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(11, 495);

context.lineTo(11, 495);
context.stroke();
</script>
</body>
</html>