<!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(169.5, 148);
context.scale(0.9680851063829787, 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(306, 216.5);
context.scale(0.304, 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(369, 69);
context.scale(1, 0.21428571428571427);
context.beginPath();
context.arc(0, 0, 143, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.save();
context.translate(365, 340.5);
context.scale(1, 0.20161290322580644);
context.beginPath();
context.arc(0, 0, 126, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.save();
context.translate(332, 200);
context.scale(1, 0.7976190476190477);
context.beginPath();
context.arc(0, 0, 430, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.save();
context.translate(210, 213);
context.scale(1, 0.390625);
context.beginPath();
context.arc(0, 0, 137, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

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

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

context.strokeStyle = '#000000';
context.save();
context.translate(187.5, 331.5);
context.scale(1, 0.48717948717948717);
context.beginPath();
context.arc(0, 0, 43, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.save();
context.translate(296.5, 383.5);
context.scale(1, 0.30275229357798167);
context.beginPath();
context.arc(0, 0, 114, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.save();
context.translate(477, 423);
context.scale(1, 0.3611111111111111);
context.beginPath();
context.arc(0, 0, 77, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.save();
context.translate(535, 318.5);
context.scale(0.3302752293577982, 1);
context.beginPath();
context.arc(0, 0, 115, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.save();
context.translate(457.5, 176.5);
context.scale(0.9428571428571428, 1);
context.beginPath();
context.arc(0, 0, 48, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.save();
context.translate(342, 139.5);
context.scale(1, 0.07954545454545454);
context.beginPath();
context.arc(0, 0, 88, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.save();
context.translate(154.5, 176.5);
context.scale(1, 0.4690265486725664);
context.beginPath();
context.arc(0, 0, 125, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.save();
context.translate(150, 324.5);
context.scale(1, 0.6967213114754098);
context.beginPath();
context.arc(0, 0, 149, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

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

context.strokeStyle = '#000000';
context.save();
context.translate(226.5, 425);
context.scale(1, 0.257372654155496);
context.beginPath();
context.arc(0, 0, 385, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.save();
context.translate(313.5, 377.5);
context.scale(1, 0.30755064456721914);
context.beginPath();
context.arc(0, 0, 568, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.save();
context.translate(254.5, 84);
context.scale(1, 0.43478260869565216);
context.beginPath();
context.arc(0, 0, 25, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();
</script>
</body>
</html>