<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Your Canvas</title>

<style type="text/css"><!--
#container { position: relative; }
#imageTemp { position: absolute; top: 1px; left: 1px; }
--></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(16, 21, 576, 362);

context.strokeStyle = '#000000';
context.strokeRect(487, 78, 88, 109);

context.strokeStyle = '#000000';
context.strokeRect(34, 199, 542, 171);

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(35, 235);
context.lineTo(575, 236);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(35, 279);
context.lineTo(576, 278);
context.stroke();
context.closePath();

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(140, 200);
context.lineTo(136, 371);
context.stroke();
context.closePath();

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(427, 198);
context.lineTo(429, 367);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(36, 46);

context.lineTo(36, 47);
context.stroke();

context.lineTo(36, 48);
context.stroke();

context.lineTo(36, 49);
context.stroke();

context.lineTo(37, 51);
context.stroke();

context.lineTo(37, 53);
context.stroke();

context.lineTo(37, 54);
context.stroke();

context.lineTo(37, 56);
context.stroke();

context.lineTo(38, 59);
context.stroke();

context.lineTo(38, 63);
context.stroke();

context.lineTo(38, 65);
context.stroke();

context.lineTo(38, 67);
context.stroke();

context.lineTo(38, 68);
context.stroke();

context.lineTo(38, 69);
context.stroke();

context.lineTo(38, 70);
context.stroke();

context.lineTo(38, 71);
context.stroke();

context.lineTo(38, 72);
context.stroke();

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

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

context.lineTo(38, 75);
context.stroke();

context.lineTo(38, 76);
context.stroke();

context.lineTo(37, 77);
context.stroke();

context.lineTo(37, 78);
context.stroke();

context.lineTo(37, 79);
context.stroke();

context.lineTo(38, 79);
context.stroke();

context.lineTo(39, 79);
context.stroke();

context.lineTo(40, 79);
context.stroke();

context.lineTo(42, 79);
context.stroke();

context.lineTo(44, 79);
context.stroke();

context.lineTo(48, 79);
context.stroke();

context.lineTo(50, 79);
context.stroke();

context.lineTo(52, 79);
context.stroke();

context.lineTo(53, 79);
context.stroke();

context.lineTo(54, 79);
context.stroke();

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(62, 65);

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

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

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

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

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

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

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

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

context.lineTo(63, 75);
context.stroke();

context.lineTo(64, 75);
context.stroke();

context.lineTo(65, 75);
context.stroke();

context.lineTo(67, 75);
context.stroke();

context.lineTo(68, 75);
context.stroke();

context.lineTo(69, 75);
context.stroke();

context.lineTo(70, 75);
context.stroke();

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

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

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

context.lineTo(76, 72);
context.stroke();

context.lineTo(76, 71);
context.stroke();

context.lineTo(76, 69);
context.stroke();

context.lineTo(76, 68);
context.stroke();

context.lineTo(75, 67);
context.stroke();

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

context.lineTo(72, 66);
context.stroke();

context.lineTo(71, 65);
context.stroke();

context.lineTo(70, 65);
context.stroke();

context.lineTo(69, 65);
context.stroke();

context.lineTo(67, 64);
context.stroke();

context.lineTo(66, 64);
context.stroke();

context.lineTo(65, 64);
context.stroke();

context.lineTo(64, 64);
context.stroke();

context.lineTo(63, 64);
context.stroke();

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

context.lineTo(60, 64);
context.stroke();

context.lineTo(60, 64);
context.stroke();

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

context.lineTo(82, 62);
context.stroke();

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

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

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

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

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

context.lineTo(81, 62);
context.stroke();

context.lineTo(81, 63);
context.stroke();

context.lineTo(82, 64);
context.stroke();

context.lineTo(83, 65);
context.stroke();

context.lineTo(83, 66);
context.stroke();

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

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

context.lineTo(85, 69);
context.stroke();

context.lineTo(87, 71);
context.stroke();

context.lineTo(88, 71);
context.stroke();

context.lineTo(89, 71);
context.stroke();

context.lineTo(90, 71);
context.stroke();

context.lineTo(90, 70);
context.stroke();

context.lineTo(90, 69);
context.stroke();

context.lineTo(90, 68);
context.stroke();

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

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

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

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

context.lineTo(92, 72);
context.stroke();

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

context.lineTo(93, 75);
context.stroke();

context.lineTo(93, 77);
context.stroke();

context.lineTo(94, 79);
context.stroke();

context.lineTo(94, 80);
context.stroke();

context.lineTo(95, 81);
context.stroke();

context.lineTo(95, 82);
context.stroke();

context.lineTo(95, 83);
context.stroke();

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

context.lineTo(95, 85);
context.stroke();

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

context.lineTo(94, 87);
context.stroke();

context.lineTo(93, 88);
context.stroke();

context.lineTo(92, 88);
context.stroke();

context.lineTo(90, 88);
context.stroke();

context.lineTo(89, 88);
context.stroke();

context.lineTo(88, 88);
context.stroke();

context.lineTo(87, 88);
context.stroke();

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

context.lineTo(85, 88);
context.stroke();

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

context.lineTo(83, 88);
context.stroke();

context.lineTo(82, 87);
context.stroke();

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

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

context.lineTo(80, 85);
context.stroke();

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

context.lineTo(80, 83);
context.stroke();

context.lineTo(80, 82);
context.stroke();

context.lineTo(80, 81);
context.stroke();

context.lineTo(81, 80);
context.stroke();

context.lineTo(82, 80);
context.stroke();

context.lineTo(83, 79);
context.stroke();

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

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

context.lineTo(85, 77);
context.stroke();

context.lineTo(85, 76);
context.stroke();

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

context.lineTo(88, 75);
context.stroke();

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

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

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

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

context.lineTo(94, 72);
context.stroke();

context.lineTo(96, 72);
context.stroke();

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

context.lineTo(98, 72);
context.stroke();

context.lineTo(99, 72);
context.stroke();

context.lineTo(100, 72);
context.stroke();

context.lineTo(101, 71);
context.stroke();

context.lineTo(102, 70);
context.stroke();

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

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

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

context.lineTo(105, 68);
context.stroke();

context.lineTo(105, 67);
context.stroke();

context.lineTo(105, 66);
context.stroke();

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

context.lineTo(102, 66);
context.stroke();

context.lineTo(101, 66);
context.stroke();

context.lineTo(101, 67);
context.stroke();

context.lineTo(101, 68);
context.stroke();

context.lineTo(101, 69);
context.stroke();

context.lineTo(102, 70);
context.stroke();

context.lineTo(102, 72);
context.stroke();

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

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

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

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

context.lineTo(105, 78);
context.stroke();

context.lineTo(106, 80);
context.stroke();

context.lineTo(107, 81);
context.stroke();

context.lineTo(108, 82);
context.stroke();

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

context.lineTo(111, 85);
context.stroke();

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

context.lineTo(112, 87);
context.stroke();

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

context.lineTo(115, 87);
context.stroke();

context.lineTo(116, 87);
context.stroke();

context.lineTo(118, 87);
context.stroke();

context.lineTo(120, 87);
context.stroke();

context.lineTo(121, 87);
context.stroke();

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

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

context.lineTo(128, 80);
context.stroke();

context.lineTo(129, 78);
context.stroke();

context.lineTo(130, 77);
context.stroke();

context.lineTo(130, 76);
context.stroke();

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

context.lineTo(130, 72);
context.stroke();

context.lineTo(130, 71);
context.stroke();

context.lineTo(129, 70);
context.stroke();

context.lineTo(128, 69);
context.stroke();

context.lineTo(126, 69);
context.stroke();

context.lineTo(125, 69);
context.stroke();

context.lineTo(124, 69);
context.stroke();

context.lineTo(122, 68);
context.stroke();

context.lineTo(121, 68);
context.stroke();

context.lineTo(120, 68);
context.stroke();

context.lineTo(119, 68);
context.stroke();

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

context.lineTo(116, 68);
context.stroke();

context.lineTo(114, 67);
context.stroke();

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

context.lineTo(112, 67);
context.stroke();

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

context.lineTo(107, 66);
context.stroke();

context.lineTo(106, 66);
context.stroke();

context.lineTo(105, 66);
context.stroke();

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

context.lineTo(104, 65);
context.stroke();
</script>
</body>
</html>