<!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(10, 92, 578, 327);

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(9, 169);

context.lineTo(17, 169);
context.stroke();

context.lineTo(91, 173);
context.stroke();

context.lineTo(144, 173);
context.stroke();

context.lineTo(178, 173);
context.stroke();

context.lineTo(244, 176);
context.stroke();

context.lineTo(267, 176);
context.stroke();

context.lineTo(295, 176);
context.stroke();

context.lineTo(334, 176);
context.stroke();

context.lineTo(349, 176);
context.stroke();

context.lineTo(374, 176);
context.stroke();

context.lineTo(390, 176);
context.stroke();

context.lineTo(418, 175);
context.stroke();

context.lineTo(442, 174);
context.stroke();

context.lineTo(455, 174);
context.stroke();

context.lineTo(476, 174);
context.stroke();

context.lineTo(505, 174);
context.stroke();

context.lineTo(511, 174);
context.stroke();

context.lineTo(524, 174);
context.stroke();

context.lineTo(532, 174);
context.stroke();

context.lineTo(537, 174);
context.stroke();

context.lineTo(542, 174);
context.stroke();

context.lineTo(548, 171);
context.stroke();

context.lineTo(549, 171);
context.stroke();

context.lineTo(551, 171);
context.stroke();

context.lineTo(552, 171);
context.stroke();

context.lineTo(553, 171);
context.stroke();

context.lineTo(556, 171);
context.stroke();

context.lineTo(558, 171);
context.stroke();

context.lineTo(563, 171);
context.stroke();

context.lineTo(568, 171);
context.stroke();

context.lineTo(569, 171);
context.stroke();

context.lineTo(573, 171);
context.stroke();

context.lineTo(576, 171);
context.stroke();

context.lineTo(579, 169);
context.stroke();

context.lineTo(581, 169);
context.stroke();

context.lineTo(582, 169);
context.stroke();

context.lineTo(582, 169);
context.stroke();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(61, 274);

context.lineTo(61, 273);
context.stroke();

context.lineTo(73, 319);
context.stroke();

context.lineTo(74, 326);
context.stroke();

context.lineTo(74, 326);
context.stroke();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(47, 293);

context.lineTo(55, 282);
context.stroke();

context.lineTo(84, 250);
context.stroke();

context.lineTo(109, 228);
context.stroke();

context.lineTo(109, 228);
context.stroke();

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

context.lineTo(138, 337);
context.stroke();

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

context.lineTo(97, 302);
context.stroke();

context.lineTo(117, 269);
context.stroke();

context.lineTo(139, 270);
context.stroke();

context.lineTo(140, 285);
context.stroke();

context.lineTo(113, 302);
context.stroke();

context.lineTo(104, 302);
context.stroke();

context.lineTo(103, 303);
context.stroke();

context.lineTo(103, 303);
context.stroke();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(216, 293);

context.lineTo(215, 293);
context.stroke();

context.lineTo(197, 293);
context.stroke();

context.lineTo(160, 310);
context.stroke();

context.lineTo(209, 314);
context.stroke();

context.lineTo(211, 315);
context.stroke();

context.lineTo(194, 348);
context.stroke();

context.lineTo(185, 350);
context.stroke();

context.lineTo(182, 350);
context.stroke();

context.lineTo(182, 350);
context.stroke();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(299, 300);

context.lineTo(325, 339);
context.stroke();

context.lineTo(334, 356);
context.stroke();

context.lineTo(334, 356);
context.stroke();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(264, 344);

context.lineTo(266, 342);
context.stroke();

context.lineTo(363, 275);
context.stroke();

context.lineTo(363, 275);
context.stroke();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(452, 318);

context.lineTo(451, 323);
context.stroke();

context.lineTo(429, 334);
context.stroke();

context.lineTo(404, 341);
context.stroke();

context.lineTo(401, 340);
context.stroke();

context.lineTo(399, 299);
context.stroke();

context.lineTo(426, 250);
context.stroke();

context.lineTo(434, 251);
context.stroke();

context.lineTo(436, 257);
context.stroke();

context.lineTo(413, 299);
context.stroke();

context.lineTo(410, 299);
context.stroke();

context.lineTo(410, 299);
context.stroke();
</script>
</body>
</html>