<!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(95, 135, 175, 154);

context.strokeStyle = '#000000';
context.strokeRect(318, 94, 132, 164);

context.strokeStyle = '#000000';
context.strokeRect(230, 328, 72, 69);

context.strokeStyle = '#000000';
context.save();
context.translate(199, 112.5);
context.scale(0.5981308411214953, 1);
context.beginPath();
context.arc(0, 0, 125, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(41, 133);
context.lineTo(172, 143);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(220, 225);
context.lineTo(150, 311);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(178, 387);
context.lineTo(379, 411);
context.stroke();
context.closePath();

context.lineWidth = 6;

context.lineWidth = 7;

context.lineWidth = 8;

context.lineWidth = 9;

context.lineWidth = 10;

context.lineWidth = 11;

context.lineWidth = 12;

context.lineWidth = 13;

context.lineWidth = 14;

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(531, 91);
context.lineTo(510, 223);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(62, 45);

context.lineTo(62, 46);
context.stroke();

context.lineTo(62, 46);
context.stroke();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(62, 46);

context.lineTo(63, 47);
context.stroke();

context.lineTo(66, 50);
context.stroke();

context.lineTo(72, 61);
context.stroke();

context.lineTo(84, 82);
context.stroke();

context.lineTo(101, 106);
context.stroke();

context.lineTo(108, 116);
context.stroke();

context.lineTo(123, 133);
context.stroke();

context.lineTo(140, 150);
context.stroke();

context.lineTo(161, 163);
context.stroke();

context.lineTo(183, 174);
context.stroke();

context.lineTo(209, 180);
context.stroke();

context.lineTo(240, 183);
context.stroke();

context.lineTo(279, 184);
context.stroke();

context.lineTo(316, 186);
context.stroke();

context.lineTo(352, 189);
context.stroke();

context.lineTo(378, 191);
context.stroke();

context.lineTo(395, 192);
context.stroke();

context.lineTo(396, 192);
context.stroke();

context.lineTo(396, 192);
context.stroke();
</script>
</body>
</html>