<!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.beginPath();
context.moveTo(39, 42);
context.lineTo(219, 132);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.strokeRect(130, 68, 234, 184);

context.strokeStyle = '#000000';
context.save();
context.translate(288.5, 155);
context.scale(1, 0.29931972789115646);
context.beginPath();
context.arc(0, 0, 153, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(242, 17);
context.lineTo(244, 365);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.strokeRect(193, 191, 250, 166);

context.strokeStyle = '#000000';
context.strokeRect(277, 321, 248, 168);

context.strokeStyle = '#000000';
context.save();
context.translate(329, 250);
context.scale(1, 0.19491525423728814);
context.beginPath();
context.arc(0, 0, 240, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.save();
context.translate(271.5, 394);
context.scale(1, 0.22418879056047197);
context.beginPath();
context.arc(0, 0, 347, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.save();
context.translate(315.5, 72);
context.scale(1, 0.2882882882882883);
context.beginPath();
context.arc(0, 0, 116, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(353, 157);
context.lineTo(550, 52);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(134, 383);
context.lineTo(85, 4);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(2, 219);
context.lineTo(482, 472);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(76, 487);
context.lineTo(593, 142);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(68, 6);
context.lineTo(5, 203);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(9, 126);
context.lineTo(176, 493);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(293, 5);
context.lineTo(588, 223);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(134, 3);
context.lineTo(366, 475);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(2, 343);
context.lineTo(453, 2);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.strokeRect(35, 360, 187, 134);

context.strokeStyle = '#000000';
context.strokeRect(14, 52, 103, 353);

context.strokeStyle = '#000000';
context.strokeRect(413, 13, 164, 384);

context.strokeStyle = '#000000';
context.strokeRect(163, 387, 166, 73);

context.strokeStyle = '#000000';
context.strokeRect(108, 2, 280, 171);

context.strokeStyle = '#000000';
context.strokeRect(11, 9, 189, 120);

context.strokeStyle = '#000000';
context.strokeRect(71, 231, 246, 183);

context.strokeStyle = '#000000';
context.strokeRect(355, 336, 204, 83);

context.strokeStyle = '#000000';
context.save();
context.translate(353, 226.5);
context.scale(1, 0.78125);
context.beginPath();
context.arc(0, 0, 203, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();
</script>
</body>
</html>