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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(252, 113);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(173, 423);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(85, 350);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(419, 41);
context.stroke();

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

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

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

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

context.lineTo(461, 67);
context.stroke();

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

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

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

context.lineTo(434, 154);
context.stroke();

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

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

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

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

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

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

context.lineTo(441, 191);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(359, 168);
context.stroke();
</script>
</body>
</html>