<!DOCTYPE html>

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

<style type="text/css"></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(18, 19, 569, 461);

context.strokeStyle = '#000000';
context.strokeRect(29, 32, 548, 434);

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(53, 464);
context.lineTo(53, 31);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(29, 32);
context.lineTo(53, 74);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(53, 74);
context.lineTo(28, 110);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(28, 110);
context.lineTo(54, 142);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(54, 142);
context.lineTo(30, 171);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(30, 171);
context.lineTo(54, 205);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(54, 205);
context.lineTo(31, 229);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(31, 229);
context.lineTo(55, 255);
context.stroke();
context.closePath();

context.lineWidth = 4;

context.lineWidth = 3;

context.lineWidth = 2;

context.lineWidth = 1;

context.strokeStyle = '#000000';
context.save();
context.translate(32.5, 226);
context.scale(0.1334841628959276, 1);
context.beginPath();
context.arc(0, 0, 446, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.save();
context.translate(61.5, 239.5);
context.scale(0.2483221476510067, 1);
context.beginPath();
context.arc(0, 0, 461, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.save();
context.translate(86.5, 235.5);
context.scale(0.3563714902807775, 1);
context.beginPath();
context.arc(0, 0, 492, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.save();
context.translate(123.5, 241);
context.scale(0.47757847533632286, 1);
context.beginPath();
context.arc(0, 0, 494, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.save();
context.translate(175, 244);
context.scale(0.7040358744394619, 1);
context.beginPath();
context.arc(0, 0, 545, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.save();
context.translate(254.5, 145.5);
context.scale(1, 0.535181236673774);
context.beginPath();
context.arc(0, 0, 532, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.save();
context.translate(295, 131.5);
context.scale(1, 0.3989169675090253);
context.beginPath();
context.arc(0, 0, 596, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.save();
context.translate(296, 118.5);
context.scale(1, 0.34115523465703973);
context.beginPath();
context.arc(0, 0, 585, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.save();
context.translate(297, 97);
context.scale(1, 0.2775800711743772);
context.beginPath();
context.arc(0, 0, 583, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.save();
context.translate(298, 80);
context.scale(1, 0.2114695340501792);
context.beginPath();
context.arc(0, 0, 570, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

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

context.strokeStyle = '#000000';
context.save();
context.translate(297.5, 44);
context.scale(1, 0.08944543828264759);
context.beginPath();
context.arc(0, 0, 561, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.save();
context.translate(153.5, 244.5);
context.scale(0.6026490066225165, 1);
context.beginPath();
context.arc(0, 0, 529, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.save();
context.translate(140, 247.5);
context.scale(0.543046357615894, 1);
context.beginPath();
context.arc(0, 0, 515, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.save();
context.translate(166.5, 239);
context.scale(0.6583710407239819, 1);
context.beginPath();
context.arc(0, 0, 529, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.save();
context.translate(170.5, 245.5);
context.scale(0.6777041942604857, 1);
context.beginPath();
context.arc(0, 0, 547, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.save();
context.translate(178, 242.5);
context.scale(0.7216035634743875, 1);
context.beginPath();
context.arc(0, 0, 554, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.save();
context.translate(109.5, 258);
context.scale(0.38381742738589214, 1);
context.beginPath();
context.arc(0, 0, 516, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.save();
context.translate(79.5, 245);
context.scale(0.3013392857142857, 1);
context.beginPath();
context.arc(0, 0, 468, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.save();
context.translate(56, 247);
context.scale(0.15789473684210525, 1);
context.beginPath();
context.arc(0, 0, 462, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.save();
context.translate(270.5, 32);
context.scale(1, 0.055226824457593686);
context.beginPath();
context.arc(0, 0, 508, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();
</script>
</body>
</html>