<!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(15, 247);

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(63, 253);
context.stroke();

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

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

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

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

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

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

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

context.lineTo(96, 242);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(554, 250);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(599, 249);
context.stroke();
</script>
</body>
</html>