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

context.lineTo(102, 110);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(381, 325);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(481, 416);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(2, 460);

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(14, 382);

context.lineTo(13, 381);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(24, 292);
context.stroke();
</script>
</body>
</html>