<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Your Canvas</title>

<style type="text/css"><!--
#container { position: relative; }
#imageTemp { position: absolute; top: 1px; left: 1px; }
--></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(150.5, 118.5);
context.scale(1, 0.7037037037037037);
context.beginPath();
context.arc(0, 0, 231, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.lineWidth = 4;

context.lineWidth = 3;

context.lineWidth = 4;

context.lineWidth = 5;

context.lineWidth = 6;

context.lineWidth = 7;

context.lineWidth = 8;

context.lineWidth = 9;

context.lineWidth = 8;

context.lineWidth = 7;

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(302, 235);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(519, 152);
context.stroke();

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

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

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

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

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

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

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

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

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

context.lineTo(515, 139);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(502, 78);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(531, 38);
context.stroke();

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

context.lineTo(531, 36);
context.stroke();
</script>
</body>
</html>