<!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.lineWidth = 11;

context.strokeStyle = '#FF0000';
context.beginPath();
context.moveTo(325, 196);

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

context.strokeStyle = '#FF0000';
context.beginPath();
context.moveTo(341, 218);

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

context.strokeStyle = '#FF0000';
context.beginPath();
context.moveTo(182, 225);

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

context.strokeStyle = '#FF0000';
context.beginPath();
context.moveTo(421, 134);

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

context.strokeStyle = '#FF0000';
context.beginPath();
context.moveTo(186, 195);

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

context.strokeStyle = '#FF0000';
context.strokeRect(139, 119, 163, 36);

context.strokeStyle = '#FF0000';
context.strokeRect(263, 220, 37, 6);

context.strokeStyle = '#FF0000';
context.strokeRect(199, 317, 177, 69);

context.strokeStyle = '#FF0000';
context.strokeRect(398, 80, 55, 106);

context.strokeStyle = '#FF0000';
context.strokeRect(391, 267, 138, 56);

context.lineWidth = 4;

context.strokeStyle = '#FF0000';
context.strokeRect(121, 232, 26, 96);

context.lineWidth = 1;

context.strokeStyle = '#FF0000';
context.strokeRect(77, 37, 121, 39);

context.strokeStyle = '#FF0000';
context.strokeRect(357, 65, 29, 21);

context.strokeStyle = '#FF0000';
context.strokeRect(74, 120, 440, 292);

context.strokeStyle = '#FF0000';
context.strokeRect(269, 34, 193, 401);

context.strokeStyle = '#FF0000';
context.strokeRect(93, 48, 274, 201);

context.strokeStyle = '#FF0000';
context.strokeRect(39, 203, 193, 120);

context.strokeStyle = '#FF0000';
context.strokeRect(71, 208, 443, 246);

context.strokeStyle = '#FF0000';
context.strokeRect(25, 135, 190, 211);

context.strokeStyle = '#FF0000';
context.save();
context.translate(140.5, 71.5);
context.scale(1, 0.004694835680751174);
context.beginPath();
context.arc(0, 0, 213, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#FF0000';
context.save();
context.translate(109.5, 225);
context.scale(1, 0.5655172413793104);
context.beginPath();
context.arc(0, 0, 167, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#FF0000';
context.save();
context.translate(392, 247.5);
context.scale(0.9859154929577465, 1);
context.beginPath();
context.arc(0, 0, 100, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#FF0000';
context.save();
context.translate(341.5, 276.5);
context.scale(0.4716981132075472, 1);
context.beginPath();
context.arc(0, 0, 410, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#FF0000';
context.save();
context.translate(316, 271);
context.scale(0.136986301369863, 1);
context.beginPath();
context.arc(0, 0, 147, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#FF0000';
context.save();
context.translate(296, 264.5);
context.scale(1, 0.2777777777777778);
context.beginPath();
context.arc(0, 0, 56, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#FF0000';
context.save();
context.translate(339, 294.5);
context.scale(0.032, 1);
context.beginPath();
context.arc(0, 0, 125, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#FF0000';
context.save();
context.translate(209.5, 369);
context.scale(1, 0.11180124223602485);
context.beginPath();
context.arc(0, 0, 162, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.lineWidth = 8;

context.strokeStyle = '#FF0000';
context.save();
context.translate(312.5, 126);
context.scale(1, 0.5727923627684964);
context.beginPath();
context.arc(0, 0, 483, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#FF0000';
context.save();
context.translate(322, 210.5);
context.scale(1, 0.05339805825242718);
context.beginPath();
context.arc(0, 0, 206, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#FF0000';
context.save();
context.translate(384, 198.5);
context.scale(0.11464968152866242, 1);
context.beginPath();
context.arc(0, 0, 158, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#FF0000';
context.save();
context.translate(315, 281);
context.scale(0.8804347826086957, 1);
context.beginPath();
context.arc(0, 0, 245, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#FF0000';
context.save();
context.translate(361.5, 247.5);
context.scale(0.9591836734693877, 1);
context.beginPath();
context.arc(0, 0, 204, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#FF0000';
context.save();
context.translate(140, 133);
context.scale(1, 0.7931034482758621);
context.beginPath();
context.arc(0, 0, 148, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.lineWidth = 4;

context.strokeStyle = '#FF0000';
context.save();
context.translate(319.5, 279.5);
context.scale(0.032679738562091505, 1);
context.beginPath();
context.arc(0, 0, 153, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#432EFF';
context.beginPath();
context.moveTo(534, 452);
context.lineTo(102, 94);
context.stroke();
context.closePath();

context.strokeStyle = '#432EFF';
context.beginPath();
context.moveTo(121, 395);
context.lineTo(576, 307);
context.stroke();
context.closePath();
</script>
</body>
</html>