<!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(93, 84, 120, 62);

context.strokeStyle = '#000000';
context.save();
context.translate(222, 139);
context.scale(1, 0.9354838709677419);
context.beginPath();
context.arc(0, 0, 85, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(264, 265);
context.stroke();

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

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

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

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

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

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

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

context.lineTo(294, 310);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(330, 267);
context.stroke();

context.lineTo(330, 264);
context.stroke();

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(378, 149);

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(441, 202);
context.stroke();

context.lineTo(441, 210);
context.stroke();

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

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

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

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

context.lineTo(439, 265);
context.stroke();

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

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

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

context.lineTo(429, 289);
context.stroke();

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(436, 394);

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

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

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

context.lineTo(410, 403);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(211, 332);

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

context.lineTo(208, 328);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineWidth = 6;

context.lineWidth = 7;

context.lineWidth = 8;

context.lineWidth = 9;

context.lineWidth = 8;

context.lineWidth = 7;

context.lineWidth = 6;

context.lineWidth = 5;

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(507, 428);

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

context.lineTo(508, 427);
context.stroke();

context.lineTo(509, 426);
context.stroke();

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

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

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

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

context.lineTo(523, 403);
context.stroke();

context.lineTo(523, 403);
context.stroke();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(464, 179);

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(479, 94);

context.lineTo(479, 93);
context.stroke();

context.lineTo(479, 93);
context.stroke();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(480, 82);

context.lineTo(480, 82);
context.stroke();
</script>
</body>
</html>