<!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(125, 421);
context.scale(1, 0.424);
context.beginPath();
context.arc(0, 0, 272, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.save();
context.translate(395, 452);
context.scale(1, 0.4);
context.beginPath();
context.arc(0, 0, 248, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(242, 315);
context.lineTo(217, 216);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(217, 217);
context.lineTo(219, 153);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(220, 154);
context.lineTo(239, 104);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(263, 319);
context.lineTo(230, 225);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(230, 224);
context.lineTo(226, 162);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(226, 163);
context.lineTo(237, 111);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(217, 202);
context.lineTo(188, 195);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(186, 214);

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(196, 210);

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(230, 216);
context.lineTo(252, 216);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.save();
context.translate(262.5, 221.5);
context.scale(1, 0.4782608695652174);
context.beginPath();
context.arc(0, 0, 25, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.save();
context.translate(241, 94.5);
context.scale(0.9411764705882353, 1);
context.beginPath();
context.arc(0, 0, 23, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.save();
context.translate(254, 130.5);
context.scale(1, 0.9444444444444444);
context.beginPath();
context.arc(0, 0, 25, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(282, 116);

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

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

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

context.strokeStyle = '#000000';
context.save();
context.translate(210.5, 99.5);
context.scale(1, 0.8947368421052632);
context.beginPath();
context.arc(0, 0, 25, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.save();
context.translate(230, 124);
context.scale(0.75, 1);
context.beginPath();
context.arc(0, 0, 20, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(452, 29);
context.lineTo(348, 42);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(461, 67);
context.lineTo(375, 103);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(488, 111);
context.lineTo(407, 164);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(533, 140);
context.lineTo(489, 218);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(566, 147);
context.lineTo(539, 238);
context.stroke();
context.closePath();
</script>
</body>
</html>