<!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.save();
context.translate(194, 97);
context.scale(1, 0.8333333333333334);
context.beginPath();
context.arc(0, 0, 16, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.lineWidth = 6;

context.lineWidth = 7;

context.lineWidth = 8;

context.lineWidth = 9;

context.lineWidth = 10;

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(192, 97);

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(190, 95);

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

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

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

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

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(187, 90);

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

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(189, 93);

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

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

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

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

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

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

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(202, 109);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(120, 108);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(215, 56);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(160, 114);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(216, 94);
context.stroke();

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

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

context.lineTo(165, 115);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineWidth = 9;

context.lineWidth = 8;

context.lineWidth = 7;

context.lineWidth = 6;

context.lineWidth = 5;

context.lineWidth = 4;

context.lineWidth = 3;

context.strokeStyle = '#000000';
context.save();
context.translate(231, 112.5);
context.scale(0.8888888888888888, 1);
context.beginPath();
context.arc(0, 0, 12, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();
</script>
</body>
</html>