<!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(158, 346);
context.lineTo(419, 344);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(158, 344);
context.lineTo(216, 271);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(418, 343);
context.lineTo(360, 272);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.save();
context.translate(282.5, 219.5);
context.scale(1, 0.7383177570093458);
context.beginPath();
context.arc(0, 0, 133, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(149, 216);
context.lineTo(101, 217);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(102, 214);
context.lineTo(102, 113);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(279, 118);
context.lineTo(101, 120);
context.stroke();
context.closePath();

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(100, 113);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(213, 270);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(359, 271);

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

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

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

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

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

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

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

context.lineTo(364, 281);
context.stroke();

context.lineTo(364, 282);
context.stroke();

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

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

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

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

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

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

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

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

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

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

context.lineTo(364, 278);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(364, 278);
context.stroke();

context.lineTo(364, 279);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(369, 288);
context.stroke();
</script>
</body>
</html>