<!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.strokeRect(125, 45, 307, 382);

context.strokeStyle = '#000000';
context.save();
context.translate(299, 176);
context.scale(1, 0.4330708661417323);
context.beginPath();
context.arc(0, 0, 277, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(131, 420);
context.lineTo(421, 55);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(180, 131);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(330, 201);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(354, 232);
context.stroke();

context.lineTo(355, 232);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(276, 308);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(251, 375);

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

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

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

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

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

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

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

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

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

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

context.lineTo(373, 338);
context.stroke();

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

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

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

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

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

context.lineTo(379, 333);
context.stroke();
</script>
</body>
</html>