<!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(504.5, 259.5);
context.scale(0.5950920245398773, 1);
context.beginPath();
context.arc(0, 0, 190, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.save();
context.translate(362, 184.5);
context.scale(1, 0.15591397849462366);
context.beginPath();
context.arc(0, 0, 188, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

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

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

context.strokeStyle = '#000000';
context.save();
context.translate(106.5, 213.5);
context.scale(0.0728476821192053, 1);
context.beginPath();
context.arc(0, 0, 151, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.save();
context.translate(253, 85);
context.scale(1, 0.7916666666666666);
context.beginPath();
context.arc(0, 0, 61, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.save();
context.translate(24, 145.5);
context.scale(1, 0.35);
context.beginPath();
context.arc(0, 0, 21, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.save();
context.translate(129, 118);
context.scale(0.2857142857142857, 1);
context.beginPath();
context.arc(0, 0, 15, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.save();
context.translate(99, 400.5);
context.scale(1, 0.7790697674418605);
context.beginPath();
context.arc(0, 0, 109, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

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

context.strokeStyle = '#000000';
context.save();
context.translate(246.5, 245);
context.scale(0.3, 1);
context.beginPath();
context.arc(0, 0, 10, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.save();
context.translate(124.5, 129.5);
context.scale(1, 0.14285714285714285);
context.beginPath();
context.arc(0, 0, 21, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.save();
context.translate(30, 118);
context.scale(0.08333333333333333, 1);
context.beginPath();
context.arc(0, 0, 24, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

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

context.strokeStyle = '#000000';
context.save();
context.translate(261, 103.5);
context.scale(1, 0.16176470588235295);
context.beginPath();
context.arc(0, 0, 69, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();
</script>
</body>
</html>