<!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.beginPath();
context.moveTo(189, 103);
context.lineTo(264, 91);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.save();
context.translate(335.5, 163.5);
context.scale(0.9863945578231292, 1);
context.beginPath();
context.arc(0, 0, 206, 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.lineWidth = 9;

context.lineWidth = 8;

context.lineWidth = 7;

context.lineWidth = 6;

context.lineWidth = 5;

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(66, 132);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(270, 194);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(389, 111);
context.stroke();
</script>
</body>
</html>