<!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.beginPath();
context.moveTo(3, 69);
context.lineTo(565, 71);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(141, 1);
context.lineTo(141, 68);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.strokeRect(371, 0, 191, 69);

context.strokeStyle = '#000000';
context.strokeRect(372, 69, 190, 142);

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(60, 71);
context.lineTo(60, 495);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(58, 212);
context.lineTo(2, 211);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.strokeRect(0, 398, 60, 100);

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(471, 211);
context.lineTo(470, 336);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.strokeRect(60, 68, 311, 268);

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(562, 208);
context.lineTo(562, 498);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(370, 334);
context.lineTo(559, 334);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(372, 337);
context.lineTo(372, 479);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.strokeRect(372, 388, 189, 84);

context.strokeStyle = '#000000';
context.strokeRect(561, 388, 37, 111);

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(373, 471);
context.lineTo(213, 471);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.strokeRect(218, 436, 154, 35);

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(218, 435);
context.lineTo(219, 335);
context.stroke();
context.closePath();

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

context.strokeStyle = '#000000';
context.strokeRect(61, 336, 156, 122);

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(217, 472);
context.lineTo(217, 499);
context.stroke();
context.closePath();
</script>
</body>
</html>