<!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 = '#FFB08F';
context.save();
context.translate(272.5, 124);
context.scale(1, 0.9538461538461539);
context.beginPath();
context.arc(0, 0, 90, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#FFB08F';
context.beginPath();
context.moveTo(251, 209);
context.lineTo(251, 250);
context.stroke();
context.closePath();

context.strokeStyle = '#FFB08F';
context.beginPath();
context.moveTo(288, 208);

context.lineTo(288, 208);
context.stroke();

context.strokeStyle = '#FFB08F';
context.beginPath();
context.moveTo(286, 210);
context.lineTo(287, 249);
context.stroke();
context.closePath();

context.strokeStyle = '#FF491C';
context.beginPath();
context.moveTo(239, 354);

context.lineTo(239, 354);
context.stroke();

context.strokeStyle = '#FF491C';
context.strokeRect(228, 246, 103, 117);

context.strokeStyle = '#FFB68C';
context.beginPath();
context.moveTo(250, 365);
context.lineTo(246, 457);
context.stroke();
context.closePath();

context.strokeStyle = '#FFB68C';
context.beginPath();
context.moveTo(286, 365);
context.lineTo(312, 456);
context.stroke();
context.closePath();

context.strokeStyle = '#FFB68C';
context.beginPath();
context.moveTo(332, 291);
context.lineTo(410, 230);
context.stroke();
context.closePath();

context.strokeStyle = '#FFB68C';
context.beginPath();
context.moveTo(226, 295);
context.lineTo(152, 253);
context.stroke();
context.closePath();

context.strokeStyle = '#FFB68C';
context.save();
context.translate(233, 106.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 = '#FFB68C';
context.beginPath();
context.moveTo(332, 93);

context.strokeStyle = '#FFB68C';
context.save();
context.translate(311.5, 105.5);
context.scale(1, 0.44);
context.beginPath();
context.arc(0, 0, 27, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#FFB68C';
context.save();
context.translate(272.5, 175);
context.scale(1, 0.3404255319148936);
context.beginPath();
context.arc(0, 0, 50, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#2121FF';
context.save();
context.translate(228, 105.5);
context.scale(1, 0.625);
context.beginPath();
context.arc(0, 0, 9, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#2121FF';
context.save();
context.translate(308.5, 104.5);
context.scale(1, 0.5555555555555556);
context.beginPath();
context.arc(0, 0, 10, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#F9FF4D';
context.strokeRect(233, 248, 94, 111);

context.strokeStyle = '#D7FF54';
context.strokeRect(235, 251, 91, 104);

context.strokeStyle = '#58FF4D';
context.strokeRect(238, 254, 83, 96);

context.strokeStyle = '#4DFFB2';
context.strokeRect(240, 255, 82, 92);

context.strokeStyle = '#47DAFF';
context.strokeRect(242, 258, 76, 86);

context.strokeStyle = '#4F7EFF';
context.strokeRect(243, 261, 72, 79);

context.strokeStyle = '#AF54FF';
context.strokeRect(244, 263, 68, 73);

context.strokeStyle = '#EE57FF';
context.strokeRect(247, 265, 62, 67);

context.strokeStyle = '#FF4DB2';
context.strokeRect(250, 269, 56, 58);

context.strokeStyle = '#FF4772';
context.strokeRect(253, 271, 53, 51);

context.strokeStyle = '#D93C61';
context.strokeRect(255, 273, 47, 45);

context.strokeStyle = '#B0314F';
context.strokeRect(258, 275, 42, 39);

context.strokeStyle = '#A32D49';
context.strokeRect(259, 279, 38, 30);

context.strokeStyle = '#A32D49';
context.strokeRect(260, 280, 36, 31);

context.strokeStyle = '#8A263E';
context.beginPath();
context.moveTo(260, 282);

context.lineTo(260, 282);
context.stroke();

context.lineTo(260, 282);
context.stroke();

context.strokeStyle = '#8A263E';
context.strokeRect(262, 280, 30, 26);

context.strokeStyle = '#8A263E';
context.strokeRect(264, 283, 26, 20);

context.strokeStyle = '#732034';
context.strokeRect(265, 286, 22, 14);

context.strokeStyle = '#732034';
context.strokeRect(267, 289, 18, 8);

context.strokeStyle = '#732034';
context.strokeRect(268, 293, 15, 1);
</script>
</body>
</html>