<!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.lineWidth = 6;

context.lineWidth = 7;

context.lineWidth = 8;

context.lineWidth = 9;

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(12, 494);
context.lineTo(581, 494);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.strokeRect(124, 316, 122, 173);

context.lineWidth = 8;

context.lineWidth = 7;

context.lineWidth = 6;

context.lineWidth = 5;

context.lineWidth = 4;

context.lineWidth = 5;

context.lineWidth = 6;

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(122, 314);
context.lineTo(187, 219);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(187, 220);
context.lineTo(247, 314);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.save();
context.translate(89, 110);
context.scale(1, 1);
context.beginPath();
context.arc(0, 0, 42, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#FFFF0D';
context.beginPath();
context.moveTo(96, 56);
context.lineTo(119, 21);
context.stroke();
context.closePath();

context.strokeStyle = '#FFFF0D';
context.beginPath();
context.moveTo(130, 81);
context.lineTo(179, 54);
context.stroke();
context.closePath();

context.strokeStyle = '#FFFF0D';
context.beginPath();
context.moveTo(142, 101);
context.lineTo(189, 104);
context.stroke();
context.closePath();

context.strokeStyle = '#FFFF0D';
context.beginPath();
context.moveTo(141, 134);
context.lineTo(181, 152);
context.stroke();
context.closePath();

context.strokeStyle = '#FFFF0D';
context.beginPath();
context.moveTo(116, 156);
context.lineTo(129, 192);
context.stroke();
context.closePath();

context.strokeStyle = '#FFFF0D';
context.beginPath();
context.moveTo(77, 164);
context.lineTo(70, 202);
context.stroke();
context.closePath();

context.strokeStyle = '#FFFF0D';
context.beginPath();
context.moveTo(50, 149);
context.lineTo(22, 165);
context.stroke();
context.closePath();

context.strokeStyle = '#FFFF0D';
context.beginPath();
context.moveTo(31, 121);
context.lineTo(5, 127);
context.stroke();
context.closePath();

context.strokeStyle = '#FFFF0D';
context.beginPath();
context.moveTo(67, 61);
context.lineTo(67, 25);
context.stroke();
context.closePath();

context.strokeStyle = '#FFFF0D';
context.beginPath();
context.moveTo(56, 65);
context.lineTo(15, 44);
context.stroke();
context.closePath();

context.strokeStyle = '#FFFF0D';
context.beginPath();
context.moveTo(39, 86);
context.lineTo(10, 80);
context.stroke();
context.closePath();

context.strokeStyle = '#D6EDFF';
context.save();
context.translate(326.5, 160);
context.scale(1, 0.6451612903225806);
context.beginPath();
context.arc(0, 0, 37, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#D6EDFF';
context.save();
context.translate(378, 144.5);
context.scale(1, 0.6944444444444444);
context.beginPath();
context.arc(0, 0, 44, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#D6EDFF';
context.save();
context.translate(429, 146.5);
context.scale(1, 0.7307692307692307);
context.beginPath();
context.arc(0, 0, 32, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#D6EDFF';
context.save();
context.translate(514, 60.5);
context.scale(1, 0.7916666666666666);
context.beginPath();
context.arc(0, 0, 31, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#D6EDFF';
context.save();
context.translate(563.5, 65.5);
context.scale(1, 0.68);
context.beginPath();
context.arc(0, 0, 30, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#00FF44';
context.save();
context.translate(519.5, 236.5);
context.scale(0.9512195121951219, 1);
context.beginPath();
context.arc(0, 0, 57, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.lineWidth = 5;

context.lineWidth = 4;

context.strokeStyle = '#000000';
context.strokeRect(514, 292, 18, 198);

context.strokeStyle = '#000000';
context.save();
context.translate(323, 479);
context.scale(1, 0.8333333333333334);
context.beginPath();
context.arc(0, 0, 16, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.save();
context.translate(372, 479);
context.scale(1, 1);
context.beginPath();
context.arc(0, 0, 14, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.save();
context.translate(411.5, 476);
context.scale(0.9, 1);
context.beginPath();
context.arc(0, 0, 13, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.strokeRect(297, 421, 85, 44);

context.strokeStyle = '#000000';
context.strokeRect(382, 381, 19, 81);

context.strokeStyle = '#000000';
context.strokeRect(401, 400, 45, 60);

context.strokeStyle = '#000000';
context.strokeRect(424, 400, 21, 27);

context.strokeStyle = '#000000';
context.save();
context.translate(323, 478.5);
context.scale(0.6666666666666666, 1);
context.beginPath();
context.arc(0, 0, 4, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.save();
context.translate(373.5, 478.5);
context.scale(1, 1);
context.beginPath();
context.arc(0, 0, 4, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.save();
context.translate(412.5, 477.5);
context.scale(1, 1);
context.beginPath();
context.arc(0, 0, 4, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.strokeRect(167, 412, 49, 80);

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(189, 411);
context.lineTo(189, 489);
context.stroke();
context.closePath();

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

context.strokeStyle = '#000000';
context.strokeRect(135, 337, 37, 47);

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(147, 337);
context.lineTo(147, 386);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.strokeRect(196, 337, 39, 48);

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(214, 335);
context.lineTo(214, 385);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(324, 259);
context.lineTo(350, 270);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(342, 270);
context.lineTo(372, 260);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(345, 265);
context.lineTo(350, 274);
context.stroke();
context.closePath();
</script>
</body>
</html>