<!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(131.5, 180);
context.scale(1, 0.5915492957746479);
context.beginPath();
context.arc(0, 0, 82, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

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

context.strokeStyle = '#000000';
context.save();
context.translate(204.5, 253.5);
context.scale(1, 0.2463768115942029);
context.beginPath();
context.arc(0, 0, 71, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.save();
context.translate(367, 287);
context.scale(0.313953488372093, 1);
context.beginPath();
context.arc(0, 0, 180, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

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

context.strokeStyle = '#000000';
context.save();
context.translate(375, 225);
context.scale(1, 0.06481481481481481);
context.beginPath();
context.arc(0, 0, 216, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.save();
context.translate(295, 135.5);
context.scale(0.6274509803921569, 1);
context.beginPath();
context.arc(0, 0, 60, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

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

context.strokeStyle = '#000000';
context.save();
context.translate(379.5, 309.5);
context.scale(1, 0.11864406779661017);
context.beginPath();
context.arc(0, 0, 59, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.save();
context.translate(388.5, 256);
context.scale(1, 0.11145510835913312);
context.beginPath();
context.arc(0, 0, 325, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.save();
context.translate(281.5, 300);
context.scale(1, 0.36942675159235666);
context.beginPath();
context.arc(0, 0, 167, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.save();
context.translate(328.5, 311.5);
context.scale(0.3128834355828221, 1);
context.beginPath();
context.arc(0, 0, 171, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.save();
context.translate(326, 130.5);
context.scale(1, 0.04205607476635514);
context.beginPath();
context.arc(0, 0, 214, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();
</script>
</body>
</html>