<!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(173, 15, 259, 466);

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(384, 427);

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(395, 446);

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(303, 383);

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

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

context.strokeStyle = '#000000';
context.save();
context.translate(365.5, 126);
context.scale(1, 0.9714285714285714);
context.beginPath();
context.arc(0, 0, 49, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.save();
context.translate(366.5, 124.5);
context.scale(1, 1);
context.beginPath();
context.arc(0, 0, 24, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(216, 49);

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(251, 86);

context.strokeStyle = '#000000';
context.save();
context.translate(228.5, 75);
context.scale(1, 0.9565217391304348);
context.beginPath();
context.arc(0, 0, 32, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(240, 73);

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(266, 53);
context.lineTo(280, 23);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(280, 24);
context.lineTo(289, 53);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(270, 39);
context.lineTo(286, 40);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(297, 25);
context.lineTo(298, 53);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(297, 49);
context.lineTo(312, 50);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(319, 27);
context.lineTo(319, 53);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(310, 25);
context.lineTo(328, 27);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(336, 26);
context.lineTo(337, 48);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(337, 45);
context.lineTo(341, 50);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(338, 49);
context.lineTo(347, 46);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(347, 46);
context.lineTo(349, 41);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(347, 41);
context.lineTo(347, 26);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(359, 44);
context.lineTo(369, 47);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(376, 47);
context.lineTo(369, 49);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(375, 45);
context.lineTo(377, 41);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(378, 40);
context.lineTo(378, 35);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(378, 35);
context.lineTo(364, 36);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(364, 35);
context.lineTo(365, 23);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(366, 23);
context.lineTo(378, 25);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(377, 37);
context.lineTo(377, 45);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(377, 43);
context.lineTo(373, 47);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(373, 47);
context.lineTo(368, 47);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(185, 29);

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

context.lineTo(187, 29);
context.stroke();

context.lineTo(188, 29);
context.stroke();

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

context.lineTo(190, 29);
context.stroke();

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(412, 28);

context.lineTo(413, 28);
context.stroke();

context.lineTo(413, 28);
context.stroke();

context.lineTo(414, 28);
context.stroke();

context.lineTo(415, 28);
context.stroke();

context.lineTo(416, 27);
context.stroke();

context.lineTo(416, 26);
context.stroke();

context.lineTo(417, 26);
context.stroke();

context.lineTo(417, 26);
context.stroke();

context.lineTo(418, 26);
context.stroke();

context.lineTo(419, 26);
context.stroke();

context.lineTo(419, 26);
context.stroke();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(413, 467);

context.lineTo(415, 467);
context.stroke();

context.lineTo(416, 467);
context.stroke();

context.lineTo(417, 468);
context.stroke();

context.lineTo(418, 468);
context.stroke();

context.lineTo(419, 468);
context.stroke();

context.lineTo(419, 468);
context.stroke();

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

context.lineTo(187, 465);
context.stroke();

context.lineTo(188, 465);
context.stroke();

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

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

context.lineTo(190, 465);
context.stroke();

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

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

context.strokeStyle = '#000000';
context.strokeRect(177, 482, 246, 12);
</script>
</body>
</html>