<!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(8, 13, 582, 474);

context.strokeStyle = '#000000';
context.strokeRect(29, 33, 108, 431);

context.strokeStyle = '#000000';
context.strokeRect(154, 33, 185, 216);

context.strokeStyle = '#000000';
context.strokeRect(369, 31, 190, 219);

context.strokeStyle = '#000000';
context.strokeRect(153, 257, 1, 5);

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(148, 260);

context.lineTo(148, 260);
context.stroke();

context.lineTo(150, 260);
context.stroke();

context.lineTo(152, 260);
context.stroke();

context.lineTo(154, 260);
context.stroke();

context.lineTo(157, 260);
context.stroke();

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

context.lineTo(161, 260);
context.stroke();

context.lineTo(162, 260);
context.stroke();

context.lineTo(163, 260);
context.stroke();

context.lineTo(164, 260);
context.stroke();

context.lineTo(163, 261);
context.stroke();

context.lineTo(162, 261);
context.stroke();

context.lineTo(162, 262);
context.stroke();

context.lineTo(161, 262);
context.stroke();

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

context.lineTo(159, 263);
context.stroke();

context.lineTo(158, 263);
context.stroke();

context.lineTo(158, 264);
context.stroke();

context.lineTo(157, 264);
context.stroke();

context.lineTo(156, 265);
context.stroke();

context.lineTo(155, 264);
context.stroke();

context.lineTo(153, 261);
context.stroke();

context.lineTo(151, 259);
context.stroke();

context.lineTo(149, 256);
context.stroke();

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

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

context.lineTo(148, 254);
context.stroke();

context.lineTo(152, 256);
context.stroke();

context.lineTo(155, 259);
context.stroke();

context.lineTo(156, 260);
context.stroke();

context.lineTo(157, 260);
context.stroke();

context.lineTo(158, 260);
context.stroke();

context.lineTo(159, 260);
context.stroke();

context.lineTo(161, 260);
context.stroke();

context.lineTo(162, 260);
context.stroke();

context.lineTo(163, 260);
context.stroke();

context.lineTo(164, 260);
context.stroke();

context.lineTo(165, 260);
context.stroke();

context.lineTo(166, 260);
context.stroke();

context.lineTo(167, 260);
context.stroke();

context.lineTo(168, 260);
context.stroke();

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

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

context.lineTo(172, 260);
context.stroke();

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

context.lineTo(172, 260);
context.stroke();

context.lineTo(170, 261);
context.stroke();

context.lineTo(170, 262);
context.stroke();

context.lineTo(166, 262);
context.stroke();

context.lineTo(163, 262);
context.stroke();

context.lineTo(159, 260);
context.stroke();

context.lineTo(157, 260);
context.stroke();

context.lineTo(154, 259);
context.stroke();

context.lineTo(153, 259);
context.stroke();

context.lineTo(153, 258);
context.stroke();

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

context.lineTo(153, 258);
context.stroke();

context.lineTo(153, 261);
context.stroke();

context.lineTo(154, 263);
context.stroke();

context.lineTo(153, 264);
context.stroke();

context.lineTo(152, 265);
context.stroke();

context.lineTo(151, 265);
context.stroke();

context.lineTo(150, 265);
context.stroke();

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

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

context.lineTo(150, 265);
context.stroke();

context.lineTo(151, 265);
context.stroke();

context.lineTo(151, 263);
context.stroke();

context.lineTo(151, 262);
context.stroke();

context.lineTo(153, 261);
context.stroke();

context.lineTo(153, 260);
context.stroke();

context.lineTo(154, 259);
context.stroke();

context.lineTo(155, 259);
context.stroke();

context.lineTo(156, 259);
context.stroke();

context.lineTo(157, 258);
context.stroke();

context.lineTo(158, 258);
context.stroke();

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

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

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

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

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

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

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

context.lineTo(151, 258);
context.stroke();

context.lineTo(151, 258);
context.stroke();

context.strokeStyle = '#000000';
context.strokeRect(155, 263, 183, 203);

context.strokeStyle = '#000000';
context.strokeRect(366, 260, 0, 6);

context.strokeStyle = '#000000';
context.strokeRect(366, 263, 196, 200);
</script>
</body>
</html>