<!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.beginPath();
context.moveTo(229, 33);

context.lineTo(229, 33);
context.stroke();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(216, 33);

context.lineTo(216, 33);
context.stroke();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(153, 49);

context.lineTo(153, 49);
context.stroke();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(132, 91);

context.lineTo(132, 91);
context.stroke();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(140, 145);

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(272, 205);

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(370, 185);

context.lineTo(370, 185);
context.stroke();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(416, 103);

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(307, 39);

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(238, 47);

context.lineTo(238, 47);
context.stroke();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(292, 65);

context.lineTo(292, 65);
context.stroke();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(245, 68);

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(196, 103);

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(184, 151);

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(191, 194);

context.lineTo(191, 194);
context.stroke();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(276, 215);

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(340, 204);

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(367, 165);

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(371, 93);

context.lineTo(371, 93);
context.stroke();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(301, 66);

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

context.strokeStyle = '#000000';
context.save();
context.translate(227, 76);
context.scale(NaN, NaN);
context.beginPath();
context.arc(0, 0, 0, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.save();
context.translate(227, 76);
context.scale(NaN, NaN);
context.beginPath();
context.arc(0, 0, 0, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(214, 60);

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(330, 150);

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(223, 108);

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(272, 175);

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(366, 225);

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

context.strokeStyle = '#000000';
context.save();
context.translate(291.5, 138);
context.scale(1, 0.782608695652174);
context.beginPath();
context.arc(0, 0, 204, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.save();
context.translate(270, 167);
context.scale(1, 0.5);
context.beginPath();
context.arc(0, 0, 63, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(311, 45);

context.lineTo(311, 45);
context.stroke();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(338, 70);

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(336, 38);

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(342, 51);

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

context.strokeStyle = '#000000';
context.save();
context.translate(324.5, 51.5);
context.scale(1, 0.9130434782608695);
context.beginPath();
context.arc(0, 0, 31, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.save();
context.translate(282, 243);
context.scale(1, 0.07142857142857142);
context.beginPath();
context.arc(0, 0, 84, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.save();
context.translate(359.5, 128);
context.scale(0.11904761904761904, 1);
context.beginPath();
context.arc(0, 0, 42, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.save();
context.translate(306.5, 123);
context.scale(1, 0.3157894736842105);
context.beginPath();
context.arc(0, 0, 20, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.save();
context.translate(253, 96);
context.scale(1, 0.018867924528301886);
context.beginPath();
context.arc(0, 0, 106, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.save();
context.translate(204, 148.5);
context.scale(1, 0.48333333333333334);
context.beginPath();
context.arc(0, 0, 67, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.save();
context.translate(207.5, 143);
context.scale(1, 0.04395604395604396);
context.beginPath();
context.arc(0, 0, 91, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.save();
context.translate(281.5, 164);
context.scale(1, 0.5641025641025641);
context.beginPath();
context.arc(0, 0, 45, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.save();
context.translate(301, 137);
context.scale(1, 0.22413793103448276);
context.beginPath();
context.arc(0, 0, 119, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.save();
context.translate(253, 74.5);
context.scale(1, 0.4107142857142857);
context.beginPath();
context.arc(0, 0, 61, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.save();
context.translate(298.5, 87);
context.scale(0.28378378378378377, 1);
context.beginPath();
context.arc(0, 0, 77, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.save();
context.translate(331.5, 117);
context.scale(1, 0.3140495867768595);
context.beginPath();
context.arc(0, 0, 127, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.strokeRect(70, 15, 109, 95);

context.strokeStyle = '#000000';
context.strokeRect(245, 155, 73, 31);

context.strokeStyle = '#000000';
context.strokeRect(364, 201, 19, 6);

context.strokeStyle = '#000000';
context.strokeRect(468, 231, 12, 0);

context.strokeStyle = '#000000';
context.strokeRect(412, 113, 64, 49);

context.strokeStyle = '#000000';
context.strokeRect(262, 39, 113, 58);

context.strokeStyle = '#000000';
context.strokeRect(181, 65, 41, 23);

context.strokeStyle = '#000000';
context.strokeRect(113, 162, 54, 54);

context.strokeStyle = '#000000';
context.strokeRect(172, 92, 208, 125);

context.strokeStyle = '#000000';
context.strokeRect(177, 94, 160, 40);

context.strokeStyle = '#000000';
context.strokeRect(237, 98, 97, 14);

context.strokeStyle = '#000000';
context.strokeRect(198, 56, 97, 93);

context.strokeStyle = '#000000';
context.strokeRect(297, 102, 74, 39);

context.strokeStyle = '#000000';
context.save();
context.translate(197.5, 69.5);
context.scale(0.7530864197530864, 1);
context.beginPath();
context.arc(0, 0, 101, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.save();
context.translate(240, 65);
context.scale(1, 0.9166666666666666);
context.beginPath();
context.arc(0, 0, 130, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

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

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(226, 61);

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

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(267, 61);

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

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(309, 92);

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

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(246, 115);

context.lineTo(246, 115);
context.stroke();

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(312, 110);

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

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(294, 76);

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

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(274, 102);

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

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(274, 102);

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

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(272, 100);

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

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(268, 95);

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

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(265, 93);

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

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(261, 93);

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

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(261, 93);

context.lineTo(261, 93);
context.stroke();
</script>
</body>
</html>