<!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(281.5, 199.5);
context.scale(1, 0.9368421052631579);
context.beginPath();
context.arc(0, 0, 130, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.save();
context.translate(378, 62.5);
context.scale(1, 0.921875);
context.beginPath();
context.arc(0, 0, 87, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(179, 36);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(224, 149);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(6, 312);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(313, 220);
context.stroke();

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(464, 294);

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

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

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

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

context.lineTo(406, 214);
context.stroke();
var canvas, context, canvaso, contexto;
canvaso = document.getElementById('imageView');
context = canvaso.getContext('2d');
context.lineWidth = 5;

context.strokeStyle = '#000000';
context.save();
context.translate(304, 132);
context.scale(0.5614035087719298, 1);
context.beginPath();
context.arc(0, 0, 131, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.save();
context.translate(234, 313);
context.scale(1, 0.6513761467889908);
context.beginPath();
context.arc(0, 0, 260, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.save();
context.translate(251.5, 310.5);
context.scale(0.8933333333333333, 1);
context.beginPath();
context.arc(0, 0, 101, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

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

context.strokeStyle = '#000000';
context.save();
context.translate(252.5, 343);
context.scale(1, 0.6086956521739131);
context.beginPath();
context.arc(0, 0, 27, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.save();
context.translate(397.5, 205);
context.scale(1, 0.670846394984326);
context.beginPath();
context.arc(0, 0, 384, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();
</script>
</body>
</html>