<!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(73, 86, 171, 188);

context.strokeStyle = '#000000';
context.save();
context.translate(246.5, 82.5);
context.scale(1, 1);
context.beginPath();
context.arc(0, 0, 117, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(89, 362);

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

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

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

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

context.lineTo(90, 369);
context.stroke();

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

context.lineTo(128, 370);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(324, 318);
context.stroke();

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

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

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

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

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

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

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

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

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

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

context.lineTo(390, 443);
context.stroke();

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

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

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

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

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

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

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

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

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

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

context.lineTo(383, 404);
context.stroke();

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

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

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

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

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

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

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

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

context.lineTo(533, 390);
context.stroke();

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

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

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

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

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

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

context.lineTo(501, 283);
context.stroke();
</script>
</body>
</html>