<!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.save();
context.translate(252.5, 79.5);
context.scale(1, 1);
context.beginPath();
context.arc(0, 0, 55, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.lineWidth = 6;

context.lineWidth = 7;

context.lineWidth = 8;

context.lineWidth = 9;

context.lineWidth = 8;

context.lineWidth = 6;

context.lineWidth = 5;

context.lineWidth = 4;

context.lineWidth = 3;

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(218, 130);

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(81, 189);
context.stroke();

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(261, 192);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(366, 210);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(486, 210);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(358, 305);

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(350, 305);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(375, 351);

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(387, 350);

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(387, 350);

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(387, 351);

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(387, 351);

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(387, 351);

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(387, 351);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(333, 266);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(459, 311);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(431, 394);

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

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

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

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

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

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

context.lineTo(288, 439);
context.stroke();
</script>
</body>
</html>