<!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(1, 256);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(517, 329);
context.stroke();

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

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

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

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

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

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

context.lineTo(508, 319);
context.stroke();

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

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

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

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

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

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

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

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

context.lineTo(597, 235);
context.stroke();
</script>
</body>
</html>