<!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.lineWidth = 6;

context.lineWidth = 7;

context.lineWidth = 8;

context.lineWidth = 9;

context.lineWidth = 10;

context.lineWidth = 11;

context.lineWidth = 12;

context.lineWidth = 13;

context.lineWidth = 14;

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(58, 59);
context.lineTo(57, 454);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(57, 444);
context.lineTo(563, 441);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(31, 101);
context.lineTo(57, 45);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(54, 47);

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(59, 48);
context.lineTo(83, 101);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(569, 438);
context.lineTo(517, 412);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(567, 437);
context.lineTo(516, 467);
context.stroke();
context.closePath();

context.lineWidth = 7;

context.lineWidth = 5;

context.lineWidth = 4;

context.lineWidth = 3;

context.lineWidth = 2;

context.lineWidth = 1;

context.strokeStyle = '#52FF5D';
context.beginPath();
context.moveTo(64, 439);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#52FF5D';
context.beginPath();
context.moveTo(552, 181);

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(538, 195);
context.stroke();
</script>
</body>
</html>