<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Your Canvas</title>

<style type="text/css"></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(125.5, 93);
context.scale(1, 0.8205128205128205);
context.beginPath();
context.arc(0, 0, 50, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.save();
context.translate(153.5, 270);
context.scale(1, 0.8163265306122449);
context.beginPath();
context.arc(0, 0, 63, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.save();
context.translate(370, 201.5);
context.scale(1, 0.8125);
context.beginPath();
context.arc(0, 0, 62, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(440, 44);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(511, 78);
context.stroke();

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

context.lineTo(511, 72);
context.stroke();

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(458, 106);

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

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

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

context.lineTo(370, 78);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(157, 412);
context.stroke();
</script>
</body>
</html>