<!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(57, 76, 114, 76);

context.strokeStyle = '#000000';
context.strokeRect(169, 81, 130, 70);

context.strokeStyle = '#000000';
context.strokeRect(297, 80, 126, 68);

context.strokeStyle = '#000000';
context.strokeRect(421, 84, 114, 69);

context.strokeStyle = '#000000';
context.save();
context.translate(246, 226.5);
context.scale(1, 0.3924731182795699);
context.beginPath();
context.arc(0, 0, 200, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.lineWidth = 6;

context.lineWidth = 7;

context.lineWidth = 8;

context.lineWidth = 9;

context.strokeStyle = '#000000';
context.save();
context.translate(308.5, 180);
context.scale(0.9576271186440678, 1);
context.beginPath();
context.arc(0, 0, 163, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(258, 133);

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

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(259, 144);

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

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(259, 150);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(267, 143);
context.stroke();

context.lineTo(269, 141);
context.stroke();

context.lineTo(272, 141);
context.stroke();

context.lineTo(276, 139);
context.stroke();

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

context.lineTo(278, 138);
context.stroke();

context.lineTo(279, 138);
context.stroke();

context.lineTo(280, 138);
context.stroke();

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

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

context.lineTo(283, 138);
context.stroke();

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

context.lineTo(285, 138);
context.stroke();

context.lineTo(286, 140);
context.stroke();

context.lineTo(286, 141);
context.stroke();

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

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

context.lineTo(280, 146);
context.stroke();

context.lineTo(279, 146);
context.stroke();

context.lineTo(278, 146);
context.stroke();

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

context.lineTo(276, 146);
context.stroke();

context.lineTo(276, 147);
context.stroke();

context.lineTo(276, 147);
context.stroke();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(247, 197);
context.lineTo(353, 245);
context.stroke();
context.closePath();

context.lineWidth = 7;

context.lineWidth = 6;

context.lineWidth = 4;

context.lineWidth = 3;

context.lineWidth = 1;

context.lineWidth = 2;

context.lineWidth = 3;

context.lineWidth = 4;

context.lineWidth = 5;

context.lineWidth = 6;

context.lineWidth = 7;

context.lineWidth = 8;

context.lineWidth = 9;

context.lineWidth = 10;

context.lineWidth = 11;

context.lineWidth = 12;

context.lineWidth = 13;

context.lineWidth = 14;

context.lineWidth = 13;

context.lineWidth = 12;

context.lineWidth = 11;

context.lineWidth = 10;

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(528, 221);

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

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

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

context.lineTo(496, 249);
context.stroke();

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

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

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

context.lineTo(483, 265);
context.stroke();

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

context.lineTo(477, 271);
context.stroke();

context.lineTo(477, 272);
context.stroke();

context.lineTo(477, 275);
context.stroke();

context.lineTo(477, 276);
context.stroke();

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

context.lineTo(483, 280);
context.stroke();

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

context.lineTo(493, 287);
context.stroke();

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

context.lineTo(497, 288);
context.stroke();

context.lineTo(497, 288);
context.stroke();

context.lineWidth = 11;

context.lineWidth = 12;

context.lineWidth = 13;

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(571, 110);

context.lineTo(571, 109);
context.stroke();

context.lineTo(574, 102);
context.stroke();

context.lineTo(577, 92);
context.stroke();

context.lineTo(578, 82);
context.stroke();

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

context.lineTo(578, 76);
context.stroke();

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

context.lineTo(577, 70);
context.stroke();

context.lineTo(577, 69);
context.stroke();

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

context.lineTo(576, 64);
context.stroke();

context.lineTo(576, 61);
context.stroke();

context.lineTo(576, 60);
context.stroke();

context.lineTo(576, 60);
context.stroke();

context.lineWidth = 12;

context.lineWidth = 10;

context.lineWidth = 9;

context.lineWidth = 6;

context.lineWidth = 4;

context.lineWidth = 3;

context.lineWidth = 2;

context.lineWidth = 1;

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(527, 299);

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

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

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

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

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

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

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

context.lineTo(481, 336);
context.stroke();
</script>
</body>
</html>