<!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(88, 286);
context.lineTo(89, 286);
context.stroke();
context.lineTo(90, 286);
context.stroke();
context.lineTo(92, 286);
context.stroke();
context.lineTo(93, 286);
context.stroke();
context.lineTo(95, 286);
context.stroke();
context.lineTo(97, 286);
context.stroke();
context.lineTo(100, 286);
context.stroke();
context.lineTo(106, 286);
context.stroke();
context.lineTo(109, 286);
context.stroke();
context.lineTo(112, 286);
context.stroke();
context.lineTo(115, 286);
context.stroke();
context.lineTo(118, 286);
context.stroke();
context.lineTo(124, 284);
context.stroke();
context.lineTo(127, 283);
context.stroke();
context.lineTo(133, 281);
context.stroke();
context.lineTo(139, 278);
context.stroke();
context.lineTo(141, 277);
context.stroke();
context.lineTo(146, 275);
context.stroke();
context.lineTo(147, 274);
context.stroke();
context.lineTo(152, 271);
context.stroke();
context.lineTo(155, 270);
context.stroke();
context.lineTo(159, 267);
context.stroke();
context.lineTo(161, 265);
context.stroke();
context.lineTo(162, 263);
context.stroke();
context.lineTo(166, 261);
context.stroke();
context.lineTo(168, 259);
context.stroke();
context.lineTo(169, 258);
context.stroke();
context.lineTo(172, 255);
context.stroke();
context.lineTo(172, 253);
context.stroke();
context.lineTo(174, 249);
context.stroke();
context.lineTo(176, 246);
context.stroke();
context.lineTo(179, 240);
context.stroke();
context.lineTo(179, 237);
context.stroke();
context.lineTo(182, 233);
context.stroke();
context.lineTo(183, 229);
context.stroke();
context.lineTo(184, 226);
context.stroke();
context.lineTo(186, 219);
context.stroke();
context.lineTo(194, 212);
context.stroke();
context.lineTo(205, 202);
context.stroke();
context.lineTo(213, 195);
context.stroke();
context.lineTo(222, 187);
context.stroke();
context.lineTo(229, 181);
context.stroke();
context.lineTo(234, 177);
context.stroke();
context.lineTo(243, 171);
context.stroke();
context.lineTo(248, 168);
context.stroke();
context.lineTo(253, 165);
context.stroke();
context.lineTo(261, 162);
context.stroke();
context.lineTo(263, 161);
context.stroke();
context.lineTo(268, 160);
context.stroke();
context.lineTo(274, 160);
context.stroke();
context.lineTo(278, 158);
context.stroke();
context.lineTo(283, 157);
context.stroke();
context.lineTo(288, 157);
context.stroke();
context.lineTo(295, 157);
context.stroke();
context.lineTo(302, 157);
context.stroke();
context.lineTo(310, 158);
context.stroke();
context.lineTo(318, 161);
context.stroke();
context.lineTo(326, 166);
context.stroke();
context.lineTo(336, 171);
context.stroke();
context.lineTo(344, 176);
context.stroke();
context.lineTo(349, 180);
context.stroke();
context.lineTo(353, 183);
context.stroke();
context.lineTo(357, 189);
context.stroke();
context.lineTo(361, 196);
context.stroke();
context.lineTo(366, 204);
context.stroke();
context.lineTo(368, 209);
context.stroke();
context.lineTo(371, 216);
context.stroke();
context.lineTo(373, 224);
context.stroke();
context.lineTo(373, 228);
context.stroke();
context.lineTo(373, 234);
context.stroke();
context.lineTo(373, 239);
context.stroke();
context.lineTo(373, 245);
context.stroke();
context.lineTo(373, 250);
context.stroke();
context.lineTo(371, 255);
context.stroke();
context.lineTo(368, 258);
context.stroke();
context.lineTo(366, 262);
context.stroke();
context.lineTo(364, 266);
context.stroke();
context.lineTo(360, 270);
context.stroke();
context.lineTo(355, 274);
context.stroke();
context.lineTo(340, 282);
context.stroke();
context.lineTo(327, 286);
context.stroke();
context.lineTo(317, 288);
context.stroke();
context.lineTo(307, 292);
context.stroke();
context.lineTo(294, 296);
context.stroke();
context.lineTo(282, 300);
context.stroke();
context.lineTo(275, 303);
context.stroke();
context.lineTo(266, 307);
context.stroke();
context.lineTo(259, 310);
context.stroke();
context.lineTo(250, 314);
context.stroke();
context.lineTo(240, 318);
context.stroke();
context.lineTo(233, 321);
context.stroke();
context.lineTo(228, 324);
context.stroke();
context.lineTo(219, 331);
context.stroke();
context.lineTo(213, 334);
context.stroke();
context.lineTo(208, 339);
context.stroke();
context.lineTo(202, 344);
context.stroke();
context.lineTo(198, 348);
context.stroke();
context.lineTo(197, 351);
context.stroke();
context.lineTo(194, 357);
context.stroke();
context.lineTo(191, 363);
context.stroke();
context.lineTo(191, 371);
context.stroke();
context.lineTo(191, 382);
context.stroke();
context.lineTo(191, 388);
context.stroke();
context.lineTo(196, 397);
context.stroke();
context.lineTo(203, 402);
context.stroke();
context.lineTo(211, 406);
context.stroke();
context.lineTo(217, 409);
context.stroke();
context.lineTo(228, 412);
context.stroke();
context.lineTo(238, 414);
context.stroke();
context.lineTo(252, 415);
context.stroke();
context.lineTo(263, 415);
context.stroke();
context.lineTo(274, 415);
context.stroke();
context.lineTo(285, 414);
context.stroke();
context.lineTo(300, 407);
context.stroke();
context.lineTo(311, 401);
context.stroke();
context.lineTo(326, 392);
context.stroke();
context.lineTo(344, 379);
context.stroke();
context.lineTo(356, 369);
context.stroke();
context.lineTo(366, 359);
context.stroke();
context.lineTo(376, 348);
context.stroke();
context.lineTo(385, 336);
context.stroke();
context.lineTo(392, 323);
context.stroke();
context.lineTo(399, 307);
context.stroke();
context.lineTo(407, 292);
context.stroke();
context.lineTo(415, 280);
context.stroke();
context.lineTo(423, 270);
context.stroke();
context.lineTo(429, 262);
context.stroke();
context.lineTo(435, 258);
context.stroke();
context.lineTo(440, 255);
context.stroke();
context.lineTo(445, 255);
context.stroke();
context.lineTo(453, 255);
context.stroke();
context.lineTo(469, 258);
context.stroke();
context.lineTo(500, 270);
context.stroke();
context.lineTo(528, 279);
context.stroke();
context.lineTo(547, 290);
context.stroke();
context.lineTo(559, 299);
context.stroke();
context.lineTo(564, 308);
context.stroke();
context.lineTo(568, 316);
context.stroke();
context.lineTo(569, 323);
context.stroke();
context.lineTo(569, 327);
context.stroke();
context.lineTo(569, 336);
context.stroke();
context.lineTo(568, 347);
context.stroke();
context.lineTo(563, 358);
context.stroke();
context.lineTo(556, 369);
context.stroke();
context.lineTo(547, 379);
context.stroke();
context.lineTo(538, 389);
context.stroke();
context.lineTo(530, 398);
context.stroke();
context.lineTo(521, 406);
context.stroke();
context.lineTo(510, 414);
context.stroke();
context.lineTo(503, 422);
context.stroke();
context.lineTo(496, 428);
context.stroke();
context.lineTo(490, 435);
context.stroke();
context.lineTo(482, 444);
context.stroke();
context.lineTo(479, 449);
context.stroke();
context.lineTo(478, 451);
context.stroke();
context.lineTo(475, 455);
context.stroke();
context.lineTo(474, 460);
context.stroke();
context.lineTo(474, 464);
context.stroke();
context.lineTo(474, 469);
context.stroke();
context.lineTo(474, 475);
context.stroke();
context.lineTo(474, 478);
context.stroke();
context.lineTo(475, 481);
context.stroke();
context.lineTo(476, 483);
context.stroke();
context.lineTo(479, 485);
context.stroke();
context.lineTo(480, 486);
context.stroke();
context.lineTo(481, 486);
context.stroke();
context.lineTo(482, 486);
context.stroke();
context.lineTo(485, 486);
context.stroke();
context.lineTo(485, 486);
context.stroke();
context.lineWidth = 6;
context.lineWidth = 7;
context.lineWidth = 8;
context.lineWidth = 9;
context.lineWidth = 10;
</script>
</body>
</html>