<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Your Canvas</title>

<style type="text/css"></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(99, 24, 188, 47);

context.strokeStyle = '#000000';
context.strokeRect(123, 47, 127, 54);

context.strokeStyle = '#000000';
context.strokeRect(186, 89, 133, 48);

context.strokeStyle = '#000000';
context.strokeRect(226, 121, 132, 35);

context.strokeStyle = '#000000';
context.strokeRect(108, 125, 100, 42);

context.strokeStyle = '#000000';
context.strokeRect(292, 68, 91, 33);

context.strokeStyle = '#000000';
context.strokeRect(327, 44, 106, 38);

context.strokeStyle = '#000000';
context.strokeRect(330, 89, 89, 51);

context.strokeStyle = '#000000';
context.strokeRect(261, 33, 94, 23);

context.strokeStyle = '#000000';
context.strokeRect(268, 145, 95, 16);

context.strokeStyle = '#000000';
context.strokeRect(386, 109, 68, 32);

context.strokeStyle = '#000000';
context.strokeRect(85, 79, 78, 55);

context.strokeStyle = '#000000';
context.strokeRect(373, 22, 86, 37);
</script>
</body>
</html>