<!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(47, 35, 535, 117);
context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(265, 153);
context.lineTo(268, 153);
context.stroke();
context.lineTo(274, 153);
context.stroke();
context.lineTo(278, 153);
context.stroke();
context.lineTo(282, 153);
context.stroke();
context.lineTo(284, 153);
context.stroke();
context.lineTo(286, 153);
context.stroke();
context.lineTo(288, 153);
context.stroke();
context.lineTo(292, 153);
context.stroke();
context.lineTo(295, 153);
context.stroke();
context.lineTo(297, 153);
context.stroke();
context.lineTo(298, 153);
context.stroke();
context.lineTo(299, 153);
context.stroke();
context.lineTo(300, 153);
context.stroke();
context.lineTo(301, 153);
context.stroke();
context.lineTo(302, 153);
context.stroke();
context.lineTo(302, 152);
context.stroke();
context.lineTo(302, 151);
context.stroke();
context.lineTo(302, 150);
context.stroke();
context.lineTo(301, 149);
context.stroke();
context.lineTo(300, 147);
context.stroke();
context.lineTo(300, 146);
context.stroke();
context.lineTo(299, 145);
context.stroke();
context.lineTo(298, 143);
context.stroke();
context.lineTo(296, 143);
context.stroke();
context.lineTo(293, 143);
context.stroke();
context.lineTo(290, 143);
context.stroke();
context.lineTo(286, 143);
context.stroke();
context.lineTo(284, 143);
context.stroke();
context.lineTo(282, 144);
context.stroke();
context.lineTo(281, 144);
context.stroke();
context.lineTo(280, 144);
context.stroke();
context.lineTo(279, 145);
context.stroke();
context.lineTo(278, 145);
context.stroke();
context.lineTo(276, 146);
context.stroke();
context.lineTo(275, 146);
context.stroke();
context.lineTo(274, 147);
context.stroke();
context.lineTo(272, 147);
context.stroke();
context.lineTo(271, 147);
context.stroke();
context.lineTo(270, 147);
context.stroke();
context.lineTo(269, 147);
context.stroke();
context.lineTo(268, 147);
context.stroke();
context.lineTo(267, 147);
context.stroke();
context.lineTo(266, 147);
context.stroke();
context.lineTo(265, 147);
context.stroke();
context.lineTo(265, 146);
context.stroke();
context.lineTo(265, 145);
context.stroke();
context.lineTo(266, 144);
context.stroke();
context.lineTo(266, 143);
context.stroke();
context.lineTo(267, 143);
context.stroke();
context.lineTo(268, 143);
context.stroke();
context.lineTo(269, 143);
context.stroke();
context.lineTo(270, 143);
context.stroke();
context.lineTo(271, 143);
context.stroke();
context.lineTo(273, 143);
context.stroke();
context.lineTo(275, 143);
context.stroke();
context.lineTo(276, 143);
context.stroke();
context.lineTo(277, 143);
context.stroke();
context.lineTo(278, 143);
context.stroke();
context.lineTo(279, 143);
context.stroke();
context.lineTo(280, 143);
context.stroke();
context.lineTo(281, 143);
context.stroke();
context.lineTo(283, 144);
context.stroke();
context.lineTo(284, 144);
context.stroke();
context.lineTo(285, 144);
context.stroke();
context.lineTo(287, 144);
context.stroke();
context.lineTo(288, 144);
context.stroke();
context.lineTo(289, 144);
context.stroke();
context.lineTo(290, 144);
context.stroke();
context.lineTo(291, 144);
context.stroke();
context.lineTo(292, 144);
context.stroke();
context.lineTo(293, 144);
context.stroke();
context.lineTo(294, 143);
context.stroke();
context.lineTo(295, 142);
context.stroke();
context.lineTo(295, 140);
context.stroke();
context.lineTo(295, 138);
context.stroke();
context.lineTo(295, 137);
context.stroke();
context.lineTo(295, 138);
context.stroke();
context.lineTo(292, 142);
context.stroke();
context.lineTo(290, 146);
context.stroke();
context.lineTo(288, 149);
context.stroke();
context.lineTo(287, 150);
context.stroke();
context.lineTo(285, 152);
context.stroke();
context.lineTo(284, 153);
context.stroke();
context.lineTo(283, 155);
context.stroke();
context.lineTo(282, 155);
context.stroke();
context.lineTo(282, 156);
context.stroke();
context.lineTo(281, 156);
context.stroke();
context.lineTo(280, 156);
context.stroke();
context.lineTo(279, 154);
context.stroke();
context.lineTo(279, 152);
context.stroke();
context.lineTo(279, 149);
context.stroke();
context.lineTo(279, 147);
context.stroke();
context.lineTo(279, 143);
context.stroke();
context.lineTo(279, 142);
context.stroke();
context.lineTo(279, 141);
context.stroke();
context.lineTo(280, 142);
context.stroke();
context.lineTo(283, 145);
context.stroke();
context.lineTo(285, 147);
context.stroke();
context.lineTo(286, 149);
context.stroke();
context.lineTo(288, 151);
context.stroke();
context.lineTo(288, 152);
context.stroke();
context.lineTo(290, 152);
context.stroke();
context.lineTo(291, 151);
context.stroke();
context.lineTo(292, 150);
context.stroke();
context.lineTo(293, 150);
context.stroke();
context.lineTo(293, 149);
context.stroke();
context.lineTo(294, 149);
context.stroke();
context.lineTo(295, 148);
context.stroke();
context.lineTo(295, 147);
context.stroke();
context.lineTo(295, 146);
context.stroke();
context.lineTo(296, 144);
context.stroke();
context.lineTo(296, 143);
context.stroke();
context.lineTo(294, 144);
context.stroke();
context.lineTo(292, 145);
context.stroke();
context.lineTo(290, 146);
context.stroke();
context.lineTo(288, 146);
context.stroke();
context.lineTo(287, 146);
context.stroke();
context.lineTo(286, 146);
context.stroke();
context.lineTo(285, 146);
context.stroke();
context.lineTo(284, 146);
context.stroke();
context.lineTo(283, 146);
context.stroke();
context.lineTo(282, 146);
context.stroke();
context.lineTo(281, 146);
context.stroke();
context.lineTo(281, 147);
context.stroke();
context.lineTo(280, 147);
context.stroke();
context.lineTo(280, 146);
context.stroke();
context.lineTo(281, 145);
context.stroke();
context.lineTo(283, 144);
context.stroke();
context.lineTo(285, 143);
context.stroke();
context.lineTo(286, 143);
context.stroke();
context.lineTo(288, 142);
context.stroke();
context.lineTo(289, 142);
context.stroke();
context.lineTo(290, 142);
context.stroke();
context.lineTo(291, 142);
context.stroke();
context.lineTo(292, 142);
context.stroke();
context.lineTo(293, 142);
context.stroke();
context.lineTo(294, 142);
context.stroke();
context.lineTo(295, 142);
context.stroke();
context.lineTo(295, 143);
context.stroke();
context.lineTo(294, 145);
context.stroke();
context.lineTo(293, 146);
context.stroke();
context.lineTo(291, 148);
context.stroke();
context.lineTo(290, 148);
context.stroke();
context.lineTo(289, 149);
context.stroke();
context.lineTo(287, 150);
context.stroke();
context.lineTo(286, 151);
context.stroke();
context.lineTo(286, 152);
context.stroke();
context.lineTo(285, 152);
context.stroke();
context.lineTo(286, 151);
context.stroke();
context.lineTo(288, 151);
context.stroke();
context.lineTo(289, 151);
context.stroke();
context.lineTo(290, 151);
context.stroke();
context.lineTo(292, 151);
context.stroke();
context.lineTo(293, 151);
context.stroke();
context.lineTo(294, 151);
context.stroke();
context.lineTo(296, 151);
context.stroke();
context.lineTo(297, 151);
context.stroke();
context.lineTo(299, 151);
context.stroke();
context.lineTo(300, 151);
context.stroke();
context.lineTo(302, 151);
context.stroke();
context.lineTo(303, 151);
context.stroke();
context.lineTo(304, 151);
context.stroke();
context.lineTo(305, 151);
context.stroke();
context.lineTo(306, 150);
context.stroke();
context.lineTo(307, 150);
context.stroke();
context.lineTo(308, 150);
context.stroke();
context.lineTo(308, 149);
context.stroke();
context.lineTo(310, 149);
context.stroke();
context.lineTo(311, 148);
context.stroke();
context.lineTo(312, 147);
context.stroke();
context.lineTo(313, 147);
context.stroke();
context.lineTo(314, 147);
context.stroke();
context.lineTo(315, 146);
context.stroke();
context.lineTo(316, 146);
context.stroke();
context.lineTo(318, 146);
context.stroke();
context.lineTo(316, 147);
context.stroke();
context.lineTo(315, 148);
context.stroke();
context.lineTo(315, 149);
context.stroke();
context.lineTo(314, 151);
context.stroke();
context.lineTo(313, 151);
context.stroke();
context.lineTo(313, 153);
context.stroke();
context.lineTo(312, 154);
context.stroke();
context.lineTo(312, 155);
context.stroke();
context.lineTo(312, 153);
context.stroke();
context.lineTo(312, 151);
context.stroke();
context.lineTo(312, 150);
context.stroke();
context.lineTo(313, 148);
context.stroke();
context.lineTo(314, 146);
context.stroke();
context.lineTo(315, 146);
context.stroke();
context.lineTo(316, 146);
context.stroke();
context.lineTo(316, 148);
context.stroke();
context.lineTo(315, 150);
context.stroke();
context.lineTo(314, 151);
context.stroke();
context.lineTo(313, 152);
context.stroke();
context.lineTo(312, 152);
context.stroke();
context.lineTo(310, 152);
context.stroke();
context.lineTo(309, 153);
context.stroke();
context.lineTo(307, 153);
context.stroke();
context.lineTo(305, 153);
context.stroke();
context.lineTo(304, 153);
context.stroke();
context.lineTo(303, 153);
context.stroke();
context.lineTo(303, 152);
context.stroke();
context.lineTo(305, 152);
context.stroke();
context.lineTo(307, 151);
context.stroke();
context.lineTo(308, 151);
context.stroke();
context.lineTo(309, 151);
context.stroke();
context.lineTo(310, 151);
context.stroke();
context.lineTo(311, 151);
context.stroke();
context.lineTo(312, 151);
context.stroke();
context.lineTo(313, 151);
context.stroke();
context.lineTo(314, 151);
context.stroke();
context.lineTo(315, 151);
context.stroke();
context.lineTo(316, 151);
context.stroke();
context.lineTo(317, 151);
context.stroke();
context.lineTo(317, 152);
context.stroke();
context.lineTo(317, 153);
context.stroke();
context.lineTo(317, 154);
context.stroke();
context.lineTo(317, 155);
context.stroke();
context.lineTo(317, 156);
context.stroke();
context.lineTo(317, 157);
context.stroke();
context.lineTo(317, 157);
context.stroke();
context.strokeStyle = '#000000';
context.save();
context.translate(551.5, 50);
context.scale(1, 0.6666666666666666);
context.beginPath();
context.arc(0, 0, 11, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();
context.strokeStyle = '#000000';
context.save();
context.translate(549.5, 73);
context.scale(1, 0.7272727272727273);
context.beginPath();
context.arc(0, 0, 14, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();
context.strokeStyle = '#000000';
context.save();
context.translate(507.5, 64.5);
context.scale(1, 1);
context.beginPath();
context.arc(0, 0, 13, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();
context.strokeStyle = '#000000';
context.save();
context.translate(529.5, 89.5);
context.scale(1, 1);
context.beginPath();
context.arc(0, 0, 10, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();
</script>
</body>
</html>