<!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(302, 241);
context.scale(1, 0.9272727272727272);
context.beginPath();
context.arc(0, 0, 150, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.save();
context.translate(291.5, 101);
context.scale(1, 0.7301587301587301);
context.beginPath();
context.arc(0, 0, 78, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.save();
context.translate(143, 191);
context.scale(0.7837837837837838, 1);
context.beginPath();
context.arc(0, 0, 94, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.save();
context.translate(431.5, 222.5);
context.scale(0.9420289855072463, 1);
context.beginPath();
context.arc(0, 0, 95, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

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

context.strokeStyle = '#000000';
context.save();
context.translate(559.5, 88.5);
context.scale(0.352112676056338, 1);
context.beginPath();
context.arc(0, 0, 75, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.save();
context.translate(569, 278.5);
context.scale(0.9696969696969697, 1);
context.beginPath();
context.arc(0, 0, 46, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.save();
context.translate(565, 418);
context.scale(0.9090909090909091, 1);
context.beginPath();
context.arc(0, 0, 59, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(492, 155);
context.lineTo(536, 124);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(520, 236);
context.lineTo(531, 250);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(489, 298);
context.lineTo(542, 399);
context.stroke();
context.closePath();

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(507, 325);

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

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(506, 328);

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

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(506, 328);

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(546, 403);

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

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

context.lineTo(537, 396);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(506, 347);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(498, 311);
context.stroke();
context.lineWidth = 5;

context.strokeStyle = '#000000';
context.strokeRect(187, 156, 245, 193);

context.strokeStyle = '#000000';
context.strokeRect(276, 125, 72, 61);

context.strokeStyle = '#000000';
context.strokeRect(267, 318, 93, 51);

context.strokeStyle = '#000000';
context.strokeRect(163, 223, 50, 53);

context.strokeStyle = '#000000';
context.strokeRect(402, 228, 50, 57);

context.strokeStyle = '#000000';
context.strokeRect(516, 161, 54, 52);

context.strokeStyle = '#000000';
context.strokeRect(507, 233, 69, 56);

context.strokeStyle = '#000000';
context.strokeRect(501, 348, 82, 41);

context.strokeStyle = '#000000';
context.strokeRect(18, 15, 0, 0);
</script>
</body>
</html>