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

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

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

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

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

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

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

context.lineTo(373, 141);
context.stroke();

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(444, 221);

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(225, 208);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(459, 297);
context.stroke();
</script>
</body>
</html>