<!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.lineWidth = 4;

context.lineWidth = 3;

context.lineWidth = 2;

context.lineWidth = 1;

context.strokeStyle = '#000000';
context.strokeRect(10, 25, 8, 450);

context.strokeStyle = '#000000';
context.strokeRect(56, 15, 416, 7);

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(120, 23);
context.lineTo(121, 174);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.strokeRect(59, 63, 61, 5);

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(59, 61);
context.lineTo(23, 40);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(110, 86);

context.lineTo(110, 86);
context.stroke();

context.strokeStyle = '#000000';
context.strokeRect(82, 82, 27, 75);

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(121, 62);
context.lineTo(266, 61);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(265, 21);
context.lineTo(265, 131);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.strokeRect(164, 28, 30, 27);

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(177, 62);
context.lineTo(178, 168);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.strokeRect(135, 96, 29, 31);

context.strokeStyle = '#000000';
context.strokeRect(221, 131, 85, 25);

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(266, 130);
context.lineTo(266, 154);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.strokeRect(274, 36, 24, 83);

context.strokeStyle = '#000000';
context.strokeRect(333, 34, 75, 23);

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

context.strokeStyle = '#000000';
context.strokeRect(392, 73, 68, 24);

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(425, 74);
context.lineTo(425, 94);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.strokeRect(335, 109, 72, 24);

context.strokeStyle = '#000000';
context.strokeRect(378, 139, 73, 25);

context.strokeStyle = '#000000';
context.strokeRect(464, 23, 19, 156);

context.strokeStyle = '#000000';
context.strokeRect(464, 178, 135, 20);

context.strokeStyle = '#000000';
context.strokeRect(482, 211, 84, 24);

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(368, 111);
context.lineTo(368, 128);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(414, 140);
context.lineTo(414, 161);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(522, 212);
context.lineTo(522, 229);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.strokeRect(381, 236, 81, 21);

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(422, 237);
context.lineTo(422, 254);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.strokeRect(339, 265, 260, 6);

context.strokeStyle = '#000000';
context.strokeRect(360, 279, 37, 34);

context.strokeStyle = '#000000';
context.strokeRect(512, 281, 38, 36);

context.strokeStyle = '#000000';
context.strokeRect(486, 336, 113, 25);

context.strokeStyle = '#000000';
context.strokeRect(535, 371, 43, 39);

context.strokeStyle = '#000000';
context.strokeRect(535, 445, 42, 37);

context.strokeStyle = '#000000';
context.strokeRect(355, 441, 43, 40);

context.strokeStyle = '#000000';
context.strokeRect(147, 266, 93, 6);

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(147, 220);

context.lineTo(147, 220);
context.stroke();

context.strokeStyle = '#000000';
context.strokeRect(141, 221, 8, 93);

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(140, 268);
context.lineTo(61, 268);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.strokeRect(56, 229, 77, 23);

context.strokeStyle = '#000000';
context.strokeRect(165, 230, 74, 20);

context.strokeStyle = '#000000';
context.strokeRect(80, 281, 43, 25);

context.strokeStyle = '#000000';
context.strokeRect(182, 296, 44, 47);

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(21, 387);

context.lineTo(21, 387);
context.stroke();

context.strokeStyle = '#000000';
context.strokeRect(21, 396, 124, 11);

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(146, 395);

context.lineTo(146, 395);
context.stroke();

context.strokeStyle = '#000000';
context.strokeRect(147, 394, 10, 48);

context.strokeStyle = '#000000';
context.strokeRect(159, 413, 150, 10);

context.strokeStyle = '#000000';
context.strokeRect(219, 372, 44, 33);

context.strokeStyle = '#000000';
context.strokeRect(221, 421, 17, 69);

context.strokeStyle = '#000000';
context.strokeRect(255, 422, 62, 23);

context.strokeStyle = '#000000';
context.strokeRect(241, 427, 15, 51);

context.strokeStyle = '#000000';
context.strokeRect(260, 491, 327, 6);

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(218, 490);
context.lineTo(208, 496);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.strokeRect(594, 198, 4, 300);
</script>
</body>
</html>