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

context.lineTo(109, 86);
context.stroke();

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

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

context.lineTo(176, 116);
context.stroke();

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

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

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

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

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

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

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

context.lineTo(364, 169);
context.stroke();

context.lineTo(367, 169);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(195, 179);

context.lineTo(195, 179);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(472, 332);

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(520, 151);

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(520, 151);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(497, 318);
context.stroke();
</script>
</body>
</html>