<!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.beginPath();
context.moveTo(100, 182);
context.lineTo(252, 182);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(96, 232);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(132, 234);
context.stroke();

context.lineTo(136, 236);
context.stroke();

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

context.lineTo(142, 236);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(180, 242);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(218, 242);
context.stroke();

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

context.lineTo(222, 242);
context.stroke();

context.lineTo(224, 242);
context.stroke();

context.lineTo(224, 240);
context.stroke();

context.lineTo(226, 240);
context.stroke();

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

context.lineTo(230, 238);
context.stroke();

context.lineTo(232, 238);
context.stroke();

context.lineTo(234, 238);
context.stroke();

context.lineTo(234, 236);
context.stroke();

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(262, 242);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(268, 284);
context.stroke();

context.lineTo(268, 286);
context.stroke();

context.lineTo(268, 288);
context.stroke();

context.lineTo(268, 290);
context.stroke();

context.lineTo(268, 292);
context.stroke();

context.lineTo(268, 294);
context.stroke();

context.lineTo(268, 296);
context.stroke();

context.lineTo(268, 296);
context.stroke();

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

context.lineTo(224, 346);
context.stroke();

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

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

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

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

context.lineTo(232, 354);
context.stroke();

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

context.lineTo(238, 358);
context.stroke();

context.lineTo(240, 360);
context.stroke();

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

context.lineTo(248, 364);
context.stroke();

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

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

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

context.lineTo(268, 370);
context.stroke();

context.lineTo(272, 372);
context.stroke();

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

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

context.lineTo(288, 376);
context.stroke();

context.lineTo(292, 376);
context.stroke();

context.lineTo(296, 378);
context.stroke();

context.lineTo(300, 378);
context.stroke();

context.lineTo(306, 378);
context.stroke();

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

context.lineTo(312, 380);
context.stroke();

context.lineTo(316, 380);
context.stroke();

context.lineTo(318, 380);
context.stroke();

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(342, 276);

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

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

context.lineTo(336, 288);
context.stroke();

context.lineTo(332, 292);
context.stroke();

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

context.lineTo(322, 304);
context.stroke();

context.lineTo(318, 308);
context.stroke();

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

context.lineTo(308, 318);
context.stroke();

context.lineTo(304, 322);
context.stroke();

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

context.lineTo(294, 330);
context.stroke();

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

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

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

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

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

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

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

context.lineTo(248, 344);
context.stroke();

context.lineTo(246, 344);
context.stroke();

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

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

context.lineTo(230, 338);
context.stroke();

context.lineTo(226, 336);
context.stroke();

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

context.lineTo(218, 332);
context.stroke();

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

context.lineTo(210, 324);
context.stroke();

context.lineTo(208, 320);
context.stroke();

context.lineTo(206, 316);
context.stroke();

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

context.lineTo(204, 306);
context.stroke();

context.lineTo(204, 300);
context.stroke();

context.lineTo(204, 294);
context.stroke();

context.lineTo(204, 288);
context.stroke();

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

context.lineTo(210, 276);
context.stroke();

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

context.lineTo(218, 268);
context.stroke();

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

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

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

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

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

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

context.lineTo(248, 252);
context.stroke();

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

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

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

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

context.lineTo(268, 252);
context.stroke();

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

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

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

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

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

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

context.lineTo(290, 268);
context.stroke();

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

context.lineTo(294, 272);
context.stroke();

context.lineTo(296, 274);
context.stroke();

context.lineTo(298, 276);
context.stroke();

context.lineTo(298, 278);
context.stroke();

context.lineTo(300, 278);
context.stroke();

context.lineTo(300, 280);
context.stroke();

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

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

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

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

context.lineTo(300, 288);
context.stroke();

context.lineTo(300, 290);
context.stroke();

context.lineTo(298, 290);
context.stroke();

context.lineTo(296, 290);
context.stroke();

context.lineTo(296, 292);
context.stroke();

context.lineTo(294, 292);
context.stroke();

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

context.lineTo(290, 292);
context.stroke();

context.lineTo(288, 292);
context.stroke();

context.lineTo(286, 292);
context.stroke();

context.lineTo(286, 292);
context.stroke();

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(268, 272);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(306, 252);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(238, 272);
context.stroke();

context.lineTo(232, 272);
context.stroke();

context.lineTo(226, 274);
context.stroke();

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

context.lineTo(214, 276);
context.stroke();

context.lineTo(208, 276);
context.stroke();

context.lineTo(206, 276);
context.stroke();

context.lineTo(204, 276);
context.stroke();

context.lineTo(204, 278);
context.stroke();

context.lineTo(206, 278);
context.stroke();

context.lineTo(208, 280);
context.stroke();

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

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

context.lineTo(216, 284);
context.stroke();

context.lineTo(218, 286);
context.stroke();

context.lineTo(222, 290);
context.stroke();

context.lineTo(226, 292);
context.stroke();

context.lineTo(232, 296);
context.stroke();

context.lineTo(236, 298);
context.stroke();

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

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

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

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

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

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

context.lineTo(268, 316);
context.stroke();

context.lineTo(272, 318);
context.stroke();

context.lineTo(274, 318);
context.stroke();

context.lineTo(278, 318);
context.stroke();

context.lineTo(280, 318);
context.stroke();

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

context.lineTo(286, 318);
context.stroke();

context.lineTo(288, 318);
context.stroke();

context.lineTo(290, 318);
context.stroke();

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

context.lineTo(298, 312);
context.stroke();

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

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

context.lineTo(308, 300);
context.stroke();

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

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

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

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

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

context.lineTo(308, 276);
context.stroke();

context.lineTo(304, 272);
context.stroke();

context.lineTo(300, 268);
context.stroke();

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

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

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

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

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

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

context.lineTo(248, 240);
context.stroke();

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

context.lineTo(234, 238);
context.stroke();

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

context.lineTo(224, 238);
context.stroke();

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

context.lineTo(218, 238);
context.stroke();

context.lineTo(216, 238);
context.stroke();

context.lineTo(216, 240);
context.stroke();

context.lineTo(216, 242);
context.stroke();

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

context.lineTo(216, 246);
context.stroke();

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

context.lineTo(216, 252);
context.stroke();

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

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

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

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

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

context.lineTo(222, 268);
context.stroke();

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

context.lineTo(226, 272);
context.stroke();

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

context.lineTo(232, 274);
context.stroke();

context.lineTo(236, 274);
context.stroke();

context.lineTo(238, 276);
context.stroke();

context.lineTo(242, 276);
context.stroke();

context.lineTo(246, 278);
context.stroke();

context.lineTo(252, 278);
context.stroke();

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

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

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

context.lineTo(278, 272);
context.stroke();

context.lineTo(288, 268);
context.stroke();

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

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

context.lineTo(296, 264);
context.stroke();
</script>
</body>
</html>