<!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(34, 41, 150, 68);

context.strokeStyle = '#000000';
context.strokeRect(34, 155, 152, 65);

context.strokeStyle = '#000000';
context.strokeRect(41, 261, 141, 62);

context.strokeStyle = '#000000';
context.strokeRect(201, 405, 241, 62);

context.strokeStyle = '#000000';
context.strokeRect(383, 260, 168, 67);

context.strokeStyle = '#000000';
context.strokeRect(378, 151, 173, 70);

context.strokeStyle = '#000000';
context.strokeRect(375, 38, 171, 70);

context.strokeStyle = '#000000';
context.strokeRect(74, 139, 61, 12);

context.strokeStyle = '#000000';
context.strokeRect(79, 26, 58, 12);

context.strokeStyle = '#000000';
context.strokeRect(426, 24, 68, 11);

context.strokeStyle = '#000000';
context.strokeRect(429, 140, 68, 11);

context.strokeStyle = '#000000';
context.strokeRect(429, 246, 71, 13);

context.strokeStyle = '#000000';
context.strokeRect(73, 247, 70, 15);

context.strokeStyle = '#000000';
context.strokeRect(277, 384, 83, 20);
</script>
</body>
</html>