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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(281, 82);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(304, 54);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(308, 54);

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

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

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

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

context.lineTo(411, 54);
context.stroke();

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

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

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

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

context.lineTo(529, 62);
context.stroke();

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

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

context.lineTo(545, 64);
context.stroke();

context.lineTo(547, 64);
context.stroke();

context.lineTo(547, 64);
context.stroke();

context.lineTo(547, 65);
context.stroke();

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

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

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

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

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

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

context.lineTo(548, 204);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(403, 246);
context.stroke();
</script>
</body>
</html>