<!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(163, 74, 175, 86);

context.strokeStyle = '#000000';
context.strokeRect(220, 161, 47, 35);

context.strokeStyle = '#000000';
context.save();
context.translate(246.5, 213.5);
context.scale(1, 0.18518518518518517);
context.beginPath();
context.arc(0, 0, 82, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.strokeRect(176, 258, 155, 41);

context.strokeStyle = '#000000';
context.strokeRect(383, 78, 76, 157);

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(171, 272);
context.lineTo(333, 272);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(172, 280);
context.lineTo(332, 282);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(205, 259);
context.lineTo(206, 296);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(226, 259);
context.lineTo(227, 301);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(254, 258);
context.lineTo(255, 300);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(275, 257);
context.lineTo(278, 299);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(293, 255);
context.lineTo(301, 302);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.save();
context.translate(416, 184.5);
context.scale(1, 0.7857142857142857);
context.beginPath();
context.arc(0, 0, 18, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.save();
context.translate(405.5, 142);
context.scale(1, 0);
context.beginPath();
context.arc(0, 0, 1, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.save();
context.translate(409.5, 147);
context.scale(1, 0);
context.beginPath();
context.arc(0, 0, 5, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.save();
context.translate(415, 151.5);
context.scale(0, 1);
context.beginPath();
context.arc(0, 0, 5, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.save();
context.translate(406.5, 146);
context.scale(1, 0);
context.beginPath();
context.arc(0, 0, 5, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(220, 107);
context.lineTo(220, 107);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(435, 232);

context.lineTo(435, 234);
context.stroke();

context.lineTo(435, 239);
context.stroke();

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

context.lineTo(431, 254);
context.stroke();

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

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

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

context.lineTo(424, 268);
context.stroke();

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

context.lineTo(420, 273);
context.stroke();

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

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

context.lineTo(414, 290);
context.stroke();

context.lineTo(413, 293);
context.stroke();

context.lineTo(413, 296);
context.stroke();

context.lineTo(413, 298);
context.stroke();

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

context.lineTo(413, 301);
context.stroke();

context.lineTo(413, 302);
context.stroke();

context.lineTo(413, 303);
context.stroke();

context.lineTo(416, 303);
context.stroke();

context.lineTo(417, 303);
context.stroke();

context.lineTo(417, 303);
context.stroke();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(413, 305);

context.lineTo(413, 306);
context.stroke();

context.lineTo(413, 307);
context.stroke();

context.lineTo(413, 312);
context.stroke();

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

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

context.lineTo(413, 320);
context.stroke();

context.lineTo(413, 324);
context.stroke();

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

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

context.lineTo(413, 331);
context.stroke();

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

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

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

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

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

context.lineTo(417, 331);
context.stroke();

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

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

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

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

context.lineTo(416, 324);
context.stroke();

context.lineTo(416, 324);
context.stroke();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(420, 334);

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

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

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

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

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

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

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

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

context.lineTo(400, 335);
context.stroke();

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

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

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

context.lineTo(399, 338);
context.stroke();

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

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

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

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

context.lineTo(404, 345);
context.stroke();

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

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

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

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

context.lineTo(411, 360);
context.stroke();

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

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

context.lineTo(416, 367);
context.stroke();

context.lineTo(417, 367);
context.stroke();

context.lineTo(418, 367);
context.stroke();

context.lineTo(419, 367);
context.stroke();

context.lineTo(420, 366);
context.stroke();

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

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

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

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

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

context.lineTo(427, 357);
context.stroke();

context.lineTo(427, 356);
context.stroke();

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

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

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

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

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

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

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

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

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

context.lineTo(425, 338);
context.stroke();

context.lineTo(422, 338);
context.stroke();

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

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

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

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

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

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

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

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

context.lineWidth = 8;

context.lineWidth = 7;

context.lineWidth = 6;

context.lineWidth = 5;

context.lineWidth = 4;

context.lineWidth = 3;

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(413, 332);

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

context.lineTo(413, 335);
context.stroke();

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

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

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

context.lineTo(414, 338);
context.stroke();

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

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

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

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

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

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

context.lineTo(417, 345);
context.stroke();

context.lineTo(418, 345);
context.stroke();

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

context.lineTo(419, 346);
context.stroke();
</script>
</body>
</html>