<!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 = '#A15906';
context.strokeRect(29, 23, 97, 32);

context.strokeStyle = '#A15906';
context.strokeRect(127, 23, 92, 32);

context.strokeStyle = '#A15906';
context.strokeRect(220, 24, 103, 31);

context.strokeStyle = '#A15906';
context.strokeRect(324, 24, 101, 31);

context.strokeStyle = '#A15906';
context.strokeRect(426, 24, 89, 31);

context.strokeStyle = '#A15906';
context.strokeRect(75, 55, 100, 32);

context.strokeStyle = '#A15906';
context.strokeRect(177, 56, 95, 31);

context.strokeStyle = '#A15906';
context.strokeRect(274, 55, 97, 32);

context.strokeStyle = '#A15906';
context.strokeRect(373, 57, 101, 30);

context.strokeStyle = '#A15906';
context.strokeRect(30, 56, 41, 32);

context.strokeStyle = '#A15906';
context.strokeRect(477, 57, 38, 30);

context.strokeStyle = '#A15906';
context.strokeRect(31, 87, 93, 33);

context.strokeStyle = '#A15906';
context.strokeRect(76, 122, 48, 29);

context.strokeStyle = '#A15906';
context.strokeRect(33, 119, 40, 34);

context.strokeStyle = '#A15906';
context.strokeRect(30, 153, 94, 32);

context.strokeStyle = '#A15906';
context.strokeRect(31, 187, 48, 29);

context.strokeStyle = '#A15906';
context.strokeRect(78, 185, 84, 32);

context.strokeStyle = '#A15906';
context.strokeRect(163, 186, 87, 32);

context.strokeStyle = '#A15906';
context.strokeRect(251, 187, 96, 31);

context.strokeStyle = '#A15906';
context.strokeRect(347, 189, 95, 28);

context.strokeStyle = '#A15906';
context.strokeRect(444, 189, 73, 29);

context.strokeStyle = '#A15906';
context.strokeRect(424, 88, 91, 29);

context.strokeStyle = '#A15906';
context.strokeRect(469, 118, 46, 30);

context.strokeStyle = '#A15906';
context.strokeRect(425, 118, 43, 31);

context.strokeStyle = '#A15906';
context.strokeRect(427, 148, 86, 37);

context.strokeStyle = '#A15906';
context.strokeRect(31, 217, 89, 29);

context.strokeStyle = '#A15906';
context.strokeRect(120, 220, 91, 27);

context.strokeStyle = '#A15906';
context.strokeRect(214, 220, 84, 28);

context.strokeStyle = '#A15906';
context.strokeRect(299, 220, 100, 29);

context.strokeStyle = '#A15906';
context.strokeRect(400, 220, 85, 29);

context.strokeStyle = '#A15906';
context.strokeRect(485, 219, 30, 30);

context.lineWidth = 6;

context.lineWidth = 7;

context.lineWidth = 8;

context.lineWidth = 9;

context.lineWidth = 10;

context.lineWidth = 11;

context.lineWidth = 12;

context.strokeStyle = '#A15906';
context.strokeRect(26, 17, 494, 237);

context.lineWidth = 11;

context.lineWidth = 10;

context.lineWidth = 9;

context.lineWidth = 8;

context.lineWidth = 7;

context.lineWidth = 8;

context.strokeStyle = '#A15906';
context.strokeRect(125, 89, 297, 94);

context.strokeStyle = '#A15906';
context.beginPath();
context.moveTo(139, 102);
context.lineTo(138, 168);
context.stroke();
context.closePath();

context.strokeStyle = '#A15906';
context.beginPath();
context.moveTo(405, 103);
context.lineTo(405, 173);
context.stroke();
context.closePath();

context.strokeStyle = '#A15906';
context.beginPath();
context.moveTo(155, 135);
context.lineTo(385, 135);
context.stroke();
context.closePath();
</script>
</body>
</html>