<!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(-1, 447);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(549, 412);

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

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

context.strokeStyle = '#00FF1A';
context.beginPath();
context.moveTo(61, 483);

context.lineTo(91, 483);
context.stroke();

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

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

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

context.lineTo(110, 483);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#00FF1A';
context.beginPath();
context.moveTo(510, 463);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#FFFF00';
context.save();
context.translate(493.5, 59.5);
context.scale(1, 1);
context.beginPath();
context.arc(0, 0, 95, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#FFFF00';
context.save();
context.translate(525, 137);
context.scale(0, 1);
context.beginPath();
context.arc(0, 0, 162, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();
</script>
</body>
</html>