<!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(41, 37, 116, 85);

context.strokeStyle = '#000000';
context.save();
context.translate(231.5, 86);
context.scale(0.921875, 1);
context.beginPath();
context.arc(0, 0, 87, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(80, 199);

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

context.lineTo(89, 224);
context.stroke();

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

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

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

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

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

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

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

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

context.lineTo(125, 224);
context.stroke();

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

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

context.lineTo(143, 228);
context.stroke();

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

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

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

context.lineTo(135, 268);
context.stroke();

context.lineTo(130, 268);
context.stroke();

context.lineTo(129, 268);
context.stroke();

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

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

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

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

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

context.lineTo(134, 296);
context.stroke();

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

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

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

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

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

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

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

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

context.lineTo(136, 334);
context.stroke();

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

context.lineTo(135, 350);
context.stroke();

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

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

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

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

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

context.lineTo(113, 361);
context.stroke();

context.lineTo(124, 347);
context.stroke();

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

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

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

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

context.lineTo(131, 313);
context.stroke();

context.lineTo(127, 346);
context.stroke();

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

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

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

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

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

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

context.lineTo(130, 365);
context.stroke();

context.lineTo(143, 349);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(322, 371);
context.stroke();

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

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

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

context.lineTo(359, 228);
context.stroke();

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

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

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

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

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

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

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

context.lineTo(486, 358);
context.stroke();

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

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

context.lineTo(583, 381);
context.stroke();
</script>
</body>
</html>