<!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.strokeRect(58, 353, 487, 26);

context.strokeStyle = '#000000';
context.save();
context.translate(100.5, 318);
context.scale(0.9615384615384616, 1);
context.beginPath();
context.arc(0, 0, 36, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.save();
context.translate(209.5, 305);
context.scale(1, 0.34782608695652173);
context.beginPath();
context.arc(0, 0, 73, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

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

context.strokeStyle = '#000000';
context.save();
context.translate(399, 239);
context.scale(0.8, 1);
context.beginPath();
context.arc(0, 0, 90, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

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

context.strokeStyle = '#000000';
context.save();
context.translate(283, 172);
context.scale(0.37142857142857144, 1);
context.beginPath();
context.arc(0, 0, 224, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.save();
context.translate(240.5, 82);
context.scale(0.23333333333333334, 1);
context.beginPath();
context.arc(0, 0, 31, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

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

context.strokeStyle = '#000000';
context.save();
context.translate(448.5, 317);
context.scale(1, 0.33962264150943394);
context.beginPath();
context.arc(0, 0, 56, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

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

context.strokeStyle = '#000000';
context.save();
context.translate(268, 160.5);
context.scale(1, 0.0472972972972973);
context.beginPath();
context.arc(0, 0, 148, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

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

context.strokeStyle = '#000000';
context.save();
context.translate(157, 380.5);
context.scale(1, 0.6379310344827587);
context.beginPath();
context.arc(0, 0, 69, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

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

context.strokeStyle = '#000000';
context.save();
context.translate(419, 328);
context.scale(0.06896551724137931, 1);
context.beginPath();
context.arc(0, 0, 58, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

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

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

context.strokeStyle = '#000000';
context.save();
context.translate(143, 359.5);
context.scale(1, 0.8875);
context.beginPath();
context.arc(0, 0, 107, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

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

context.strokeStyle = '#000000';
context.save();
context.translate(337.5, 337);
context.scale(0.2878787878787879, 1);
context.beginPath();
context.arc(0, 0, 69, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.save();
context.translate(296, 166);
context.scale(0.6410256410256411, 1);
context.beginPath();
context.arc(0, 0, 93, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

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

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

context.strokeStyle = '#000000';
context.save();
context.translate(192.5, 387.5);
context.scale(1, 0.1111111111111111);
context.beginPath();
context.arc(0, 0, 81, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.save();
context.translate(325, 303);
context.scale(0.20833333333333334, 1);
context.beginPath();
context.arc(0, 0, 147, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();
</script>
</body>
</html>