<!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(47, 78, 155, 119);

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(377, 183);

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

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

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

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

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

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

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

context.lineTo(331, 201);
context.stroke();

context.lineTo(323, 212);
context.stroke();

context.lineTo(314, 221);
context.stroke();

context.lineTo(307, 234);
context.stroke();

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

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

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

context.lineTo(298, 263);
context.stroke();

context.lineTo(298, 271);
context.stroke();

context.lineTo(298, 276);
context.stroke();

context.lineTo(304, 285);
context.stroke();

context.lineTo(307, 288);
context.stroke();

context.lineTo(317, 298);
context.stroke();

context.lineTo(326, 305);
context.stroke();

context.lineTo(331, 307);
context.stroke();

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

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

context.lineTo(432, 314);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(440, 207);
context.stroke();

context.lineTo(436, 205);
context.stroke();

context.lineTo(433, 204);
context.stroke();

context.lineTo(430, 203);
context.stroke();

context.lineTo(423, 200);
context.stroke();

context.lineTo(423, 199);
context.stroke();

context.lineTo(420, 198);
context.stroke();

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

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

context.lineTo(412, 195);
context.stroke();

context.lineTo(411, 195);
context.stroke();

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

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

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

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

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

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

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

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

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

context.lineTo(388, 185);
context.stroke();

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

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

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

context.lineTo(379, 182);
context.stroke();

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

context.lineTo(376, 181);
context.stroke();

context.lineTo(374, 181);
context.stroke();

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

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

context.lineTo(372, 179);
context.stroke();

context.lineTo(372, 179);
context.stroke();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(167, 307);

context.lineTo(168, 315);
context.stroke();

context.lineTo(172, 355);
context.stroke();

context.lineTo(173, 363);
context.stroke();

context.lineTo(177, 384);
context.stroke();

context.lineTo(179, 394);
context.stroke();

context.lineTo(179, 398);
context.stroke();

context.lineTo(179, 399);
context.stroke();

context.lineTo(179, 411);
context.stroke();

context.lineTo(179, 412);
context.stroke();

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

context.lineTo(179, 433);
context.stroke();

context.lineTo(179, 434);
context.stroke();

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

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

context.lineTo(217, 428);
context.stroke();

context.lineTo(234, 424);
context.stroke();

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

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

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

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

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

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

context.lineTo(266, 424);
context.stroke();

context.lineTo(270, 424);
context.stroke();

context.lineTo(273, 424);
context.stroke();

context.lineTo(277, 424);
context.stroke();

context.lineTo(280, 423);
context.stroke();

context.lineTo(282, 423);
context.stroke();

context.lineTo(284, 423);
context.stroke();

context.lineTo(287, 423);
context.stroke();

context.lineTo(290, 421);
context.stroke();

context.lineTo(290, 420);
context.stroke();

context.lineTo(290, 406);
context.stroke();

context.lineTo(287, 385);
context.stroke();

context.lineTo(285, 368);
context.stroke();

context.lineTo(281, 353);
context.stroke();

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

context.lineTo(281, 338);
context.stroke();

context.lineTo(281, 332);
context.stroke();

context.lineTo(281, 327);
context.stroke();

context.lineTo(281, 323);
context.stroke();

context.lineTo(281, 320);
context.stroke();

context.lineTo(281, 319);
context.stroke();

context.lineTo(281, 312);
context.stroke();

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

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

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

context.lineTo(278, 302);
context.stroke();

context.lineTo(275, 301);
context.stroke();

context.lineTo(269, 301);
context.stroke();

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

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

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

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

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

context.lineTo(229, 303);
context.stroke();

context.lineTo(222, 303);
context.stroke();

context.lineTo(214, 303);
context.stroke();

context.lineTo(199, 303);
context.stroke();

context.lineTo(194, 303);
context.stroke();

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

context.lineTo(185, 303);
context.stroke();

context.lineTo(182, 303);
context.stroke();

context.lineTo(175, 303);
context.stroke();

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

context.lineTo(173, 303);
context.stroke();

context.lineTo(170, 303);
context.stroke();

context.lineTo(168, 303);
context.stroke();

context.lineTo(168, 303);
context.stroke();
</script>
</body>
</html>