<!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(71, 68, 78, 58);

context.strokeStyle = '#000000';
context.strokeRect(119, 88, 81, 64);

context.strokeStyle = '#000000';
context.strokeRect(179, 117, 64, 62);

context.strokeStyle = '#000000';
context.strokeRect(222, 155, 122, 87);

context.strokeStyle = '#000000';
context.strokeRect(319, 119, 63, 62);

context.strokeStyle = '#000000';
context.strokeRect(346, 89, 88, 53);

context.strokeStyle = '#000000';
context.strokeRect(411, 59, 91, 64);

context.strokeStyle = '#000000';
context.strokeRect(181, 208, 67, 56);

context.strokeStyle = '#000000';
context.strokeRect(146, 240, 58, 63);

context.strokeStyle = '#000000';
context.strokeRect(75, 278, 98, 59);

context.strokeStyle = '#000000';
context.strokeRect(291, 199, 0, 5);

context.strokeStyle = '#000000';
context.strokeRect(292, 210, 81, 53);

context.strokeStyle = '#000000';
context.strokeRect(357, 246, 77, 42);

context.strokeStyle = '#000000';
context.strokeRect(405, 266, 78, 55);

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(291, 196);

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

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(288, 200);

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

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(288, 200);

context.lineTo(289, 201);
context.stroke();

context.lineTo(289, 201);
context.stroke();

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

context.lineTo(291, 201);
context.stroke();

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

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

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

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

context.lineTo(297, 199);
context.stroke();

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

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

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

context.lineTo(291, 200);
context.stroke();

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

context.lineTo(289, 201);
context.stroke();

context.lineTo(289, 202);
context.stroke();

context.lineTo(289, 202);
context.stroke();

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

context.lineTo(289, 202);
context.stroke();

context.lineTo(289, 202);
context.stroke();

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

context.lineTo(291, 201);
context.stroke();

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

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

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

context.lineTo(295, 200);
context.stroke();

context.lineTo(295, 199);
context.stroke();

context.lineTo(297, 199);
context.stroke();

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

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

context.lineTo(299, 197);
context.stroke();

context.lineTo(299, 197);
context.stroke();

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(297, 201);

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

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

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

context.lineTo(291, 203);
context.stroke();

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

context.lineTo(289, 203);
context.stroke();

context.lineTo(289, 203);
context.stroke();

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

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

context.lineTo(289, 204);
context.stroke();
</script>
</body>
</html>