<!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(87, 235, 388, 70);

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(190, 150);
context.lineTo(191, 231);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(195, 150);
context.lineTo(342, 146);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(340, 152);
context.lineTo(406, 233);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(339, 149);
context.lineTo(338, 146);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(337, 143);

context.lineTo(337, 144);
context.stroke();

context.lineTo(339, 146);
context.stroke();

context.lineTo(340, 147);
context.stroke();

context.lineTo(341, 148);
context.stroke();

context.lineTo(341, 149);
context.stroke();

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

context.lineTo(342, 151);
context.stroke();

context.lineTo(344, 152);
context.stroke();

context.lineTo(344, 153);
context.stroke();

context.lineTo(344, 154);
context.stroke();

context.lineTo(345, 155);
context.stroke();

context.lineTo(345, 156);
context.stroke();

context.lineTo(344, 156);
context.stroke();

context.lineTo(343, 156);
context.stroke();

context.lineTo(343, 157);
context.stroke();

context.lineTo(342, 157);
context.stroke();

context.lineTo(341, 158);
context.stroke();

context.lineTo(340, 159);
context.stroke();

context.lineTo(340, 158);
context.stroke();

context.lineTo(340, 158);
context.stroke();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(194, 147);

context.lineTo(193, 148);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(193, 148);
context.stroke();

context.lineTo(193, 147);
context.stroke();

context.lineTo(193, 147);
context.stroke();

context.strokeStyle = '#000000';
context.save();
context.translate(377.5, 307.5);
context.scale(0.9487179487179487, 1);
context.beginPath();
context.arc(0, 0, 54, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.save();
context.translate(156.5, 307);
context.scale(0.9736842105263158, 1);
context.beginPath();
context.arc(0, 0, 53, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(447, 237);

context.lineTo(447, 238);
context.stroke();

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

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

context.lineTo(447, 241);
context.stroke();

context.lineTo(447, 242);
context.stroke();

context.lineTo(447, 243);
context.stroke();

context.lineTo(447, 244);
context.stroke();

context.lineTo(447, 245);
context.stroke();

context.lineTo(447, 247);
context.stroke();

context.lineTo(447, 248);
context.stroke();

context.lineTo(447, 249);
context.stroke();

context.lineTo(447, 250);
context.stroke();

context.lineTo(447, 251);
context.stroke();

context.lineTo(447, 252);
context.stroke();

context.lineTo(447, 253);
context.stroke();

context.lineTo(447, 254);
context.stroke();

context.lineTo(447, 255);
context.stroke();

context.lineTo(447, 256);
context.stroke();

context.lineTo(447, 257);
context.stroke();

context.lineTo(448, 258);
context.stroke();

context.lineTo(448, 259);
context.stroke();

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

context.lineTo(448, 261);
context.stroke();

context.lineTo(449, 261);
context.stroke();

context.lineTo(450, 261);
context.stroke();

context.lineTo(451, 261);
context.stroke();

context.lineTo(452, 262);
context.stroke();

context.lineTo(454, 262);
context.stroke();

context.lineTo(456, 262);
context.stroke();

context.lineTo(457, 262);
context.stroke();

context.lineTo(458, 262);
context.stroke();

context.lineTo(459, 262);
context.stroke();

context.lineTo(460, 262);
context.stroke();

context.lineTo(462, 262);
context.stroke();

context.lineTo(463, 262);
context.stroke();

context.lineTo(464, 261);
context.stroke();

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

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

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

context.lineTo(469, 261);
context.stroke();

context.lineTo(470, 261);
context.stroke();

context.lineTo(471, 261);
context.stroke();

context.lineTo(472, 261);
context.stroke();

context.lineTo(471, 261);
context.stroke();

context.lineTo(470, 261);
context.stroke();

context.lineTo(469, 261);
context.stroke();

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

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

context.lineTo(466, 261);
context.stroke();

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

context.lineTo(464, 261);
context.stroke();

context.lineTo(463, 261);
context.stroke();

context.lineTo(461, 261);
context.stroke();

context.lineTo(460, 261);
context.stroke();

context.lineTo(459, 261);
context.stroke();

context.lineTo(457, 261);
context.stroke();

context.lineTo(456, 261);
context.stroke();

context.lineTo(455, 261);
context.stroke();

context.lineTo(453, 261);
context.stroke();

context.lineTo(452, 261);
context.stroke();

context.lineTo(451, 261);
context.stroke();

context.lineTo(450, 261);
context.stroke();

context.lineTo(449, 261);
context.stroke();

context.lineTo(448, 261);
context.stroke();

context.lineTo(447, 261);
context.stroke();

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

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

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

context.lineTo(445, 259);
context.stroke();

context.lineTo(445, 258);
context.stroke();

context.lineTo(445, 256);
context.stroke();

context.lineTo(445, 255);
context.stroke();

context.lineTo(445, 254);
context.stroke();

context.lineTo(445, 253);
context.stroke();

context.lineTo(445, 252);
context.stroke();

context.lineTo(445, 251);
context.stroke();

context.lineTo(445, 250);
context.stroke();

context.lineTo(445, 249);
context.stroke();

context.lineTo(445, 248);
context.stroke();

context.lineTo(445, 246);
context.stroke();

context.lineTo(445, 245);
context.stroke();

context.lineTo(445, 244);
context.stroke();

context.lineTo(445, 242);
context.stroke();

context.lineTo(445, 241);
context.stroke();

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

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

context.strokeStyle = '#000000';
context.save();
context.translate(382.5, 304.5);
context.scale(0.5294117647058824, 1);
context.beginPath();
context.arc(0, 0, 19, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.save();
context.translate(151.5, 303);
context.scale(0.5, 1);
context.beginPath();
context.arc(0, 0, 20, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();
</script>
</body>
</html>