<!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(73, 65, 396, 433);

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(72, 64);
context.lineTo(277, 6);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(470, 66);
context.lineTo(278, 5);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.strokeRect(72, 63, 397, 45);

context.strokeStyle = '#000000';
context.strokeRect(71, 108, 399, 50);

context.strokeStyle = '#000000';
context.strokeRect(71, 158, 399, 49);

context.strokeStyle = '#000000';
context.strokeRect(74, 207, 395, 46);

context.strokeStyle = '#000000';
context.strokeRect(72, 252, 395, 49);

context.strokeStyle = '#000000';
context.strokeRect(70, 299, 398, 49);

context.strokeStyle = '#000000';
context.strokeRect(72, 347, 395, 51);

context.strokeStyle = '#000000';
context.strokeRect(73, 398, 103, 46);

context.strokeStyle = '#000000';
context.strokeRect(176, 399, 112, 45);

context.strokeStyle = '#000000';
context.strokeRect(288, 399, 109, 40);

context.strokeStyle = '#000000';
context.strokeRect(398, 401, 71, 38);
</script>
</body>
</html>