<!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 = '#0000FF';
context.strokeRect(0, 1, 597, 106);

context.strokeStyle = '#0000FF';
context.save();
context.translate(301.5, 194.5);
context.scale(1, 0.7931034482758621);
context.beginPath();
context.arc(0, 0, 37, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#0000FF';
context.save();
context.translate(308.5, 272);
context.scale(1, 0.7755102040816326);
context.beginPath();
context.arc(0, 0, 62, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#0000FF';
context.save();
context.translate(314, 372.5);
context.scale(1, 0.618421052631579);
context.beginPath();
context.arc(0, 0, 89, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#0000FF';
context.beginPath();
context.moveTo(286, 191);
context.lineTo(286, 191);
context.stroke();
context.closePath();

context.strokeStyle = '#0000FF';
context.beginPath();
context.moveTo(286, 191);
context.lineTo(290, 191);
context.stroke();
context.closePath();

context.strokeStyle = '#0000FF';
context.beginPath();
context.moveTo(309, 189);
context.lineTo(312, 189);
context.stroke();
context.closePath();

context.strokeStyle = '#0000FF';
context.strokeRect(264, 121, 70, 42);

context.strokeStyle = '#0000FF';
context.strokeRect(224, 165, 146, 5);

context.strokeStyle = '#0000FF';
context.strokeRect(4, 409, 593, 88);

context.strokeStyle = '#FFFF33';
context.beginPath();
context.moveTo(501, 1);

context.lineTo(502, 2);
context.stroke();

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

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

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

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

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

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

context.lineTo(510, 27);
context.stroke();

context.lineTo(510, 32);
context.stroke();

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

context.lineTo(512, 40);
context.stroke();

context.lineTo(512, 44);
context.stroke();

context.lineTo(514, 55);
context.stroke();

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

context.lineTo(516, 62);
context.stroke();

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

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

context.lineTo(521, 73);
context.stroke();

context.lineTo(524, 79);
context.stroke();

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

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

context.lineTo(531, 89);
context.stroke();

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

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

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

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

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

context.lineTo(547, 116);
context.stroke();

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

context.lineTo(559, 126);
context.stroke();

context.lineTo(562, 128);
context.stroke();

context.lineTo(565, 130);
context.stroke();

context.lineTo(568, 130);
context.stroke();

context.lineTo(573, 133);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#FFFF33';
context.beginPath();
context.moveTo(598, 134);

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

context.strokeStyle = '#FFFF33';
context.beginPath();
context.moveTo(509, 41);
context.lineTo(320, 60);
context.stroke();
context.closePath();

context.strokeStyle = '#FFFF33';
context.beginPath();
context.moveTo(527, 80);
context.lineTo(395, 109);
context.stroke();
context.closePath();

context.strokeStyle = '#FFFF33';
context.beginPath();
context.moveTo(551, 116);
context.lineTo(460, 173);
context.stroke();
context.closePath();

context.strokeStyle = '#FFFF33';
context.beginPath();
context.moveTo(578, 135);
context.lineTo(528, 246);
context.stroke();
context.closePath();
</script>
</body>
</html>