<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Your Canvas</title>

<style type="text/css"></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(597, 2);

context.lineTo(597, 2);
context.stroke();

context.lineTo(597, 2);
context.stroke();

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

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

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

context.lineTo(589, 6);
context.stroke();

context.lineTo(587, 7);
context.stroke();

context.lineTo(585, 8);
context.stroke();

context.lineTo(583, 10);
context.stroke();

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

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

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

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

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

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

context.lineTo(544, 45);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(6, 492);
context.stroke();

context.lineTo(5, 492);
context.stroke();

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

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

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

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

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

context.lineTo(3, 496);
context.stroke();
</script>
</body>
</html>