<!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(1, 317);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(598, 354);
context.stroke();
</script>
</body>
</html>