<!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.strokeRect(46, 50, 170, 72);

context.strokeStyle = '#000000';
context.save();
context.translate(148, 140.5);
context.scale(0, 1);
context.beginPath();
context.arc(0, 0, 1, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.save();
context.translate(177, 144.5);
context.scale(0.5925925925925926, 1);
context.beginPath();
context.arc(0, 0, 31, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.save();
context.translate(79.5, 134);
context.scale(0.5666666666666667, 1);
context.beginPath();
context.arc(0, 0, 34, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(47, 54);
context.lineTo(213, 119);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.save();
context.translate(326.5, 78);
context.scale(1, 0.684931506849315);
context.beginPath();
context.arc(0, 0, 88, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.save();
context.translate(439, 206.5);
context.scale(1, 0.8142857142857143);
context.beginPath();
context.arc(0, 0, 90, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.save();
context.translate(115, 108.5);
context.scale(1, 0.875);
context.beginPath();
context.arc(0, 0, 287, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(13, 408);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(35, 463);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(166, 463);
context.stroke();

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(214, 372);

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(211, 374);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(244, 335);

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(223, 385);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(223, 391);

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(222, 410);

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(253, 388);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(264, 410);

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(253, 419);

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(250, 424);

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(256, 457);

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(279, 470);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(336, 404);

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(340, 396);

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(354, 435);

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(344, 471);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(397, 429);

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

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

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

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

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

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

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

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

context.lineTo(463, 447);
context.stroke();

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(417, 373);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(487, 400);

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(480, 435);

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(469, 481);

context.lineTo(473, 479);
context.stroke();

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

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

context.lineTo(512, 463);
context.stroke();

context.lineTo(512, 463);
context.stroke();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(506, 405);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(542, 373);

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(570, 378);

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(550, 418);

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(558, 426);

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

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

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

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

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

context.lineTo(586, 443);
context.stroke();

context.lineTo(596, 443);
context.stroke();

context.lineTo(598, 443);
context.stroke();

context.lineTo(598, 443);
context.stroke();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(576, 443);

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

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

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

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

context.lineTo(537, 478);
context.stroke();

context.lineTo(537, 478);
context.stroke();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(564, 454);

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

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

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

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

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

context.lineTo(598, 460);
context.stroke();
</script>
</body>
</html>