<!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(3, 360);

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(0, 358);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(76, 330);
context.stroke();

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

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

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

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

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

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

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

context.lineTo(119, 333);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(249, 330);
context.stroke();

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

context.lineTo(254, 323);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(510, 231);
context.stroke();

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

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

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

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

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

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

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

context.lineTo(537, 225);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(571, 217);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(594, 213);
context.stroke();
</script>
</body>
</html>