<!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.lineWidth = 4;

context.lineWidth = 3;

context.lineWidth = 2;

context.lineWidth = 3;

context.lineWidth = 4;

context.lineWidth = 5;

context.strokeStyle = '#D9D9D9';
context.save();
context.translate(319.5, 206);
context.scale(1, 0.8021390374331551);
context.beginPath();
context.arc(0, 0, 240, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(299, 16);

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(233, 27);
context.stroke();

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

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

context.lineTo(220, 31);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(163, 66);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(233, 27);
context.stroke();

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

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

context.lineTo(239, 24);
context.stroke();

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

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

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

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

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

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

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

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

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

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

context.lineTo(257, 21);
context.stroke();
</script>
</body>
</html>