<!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(56, 54, 400, 161);

context.strokeStyle = '#000000';
context.strokeRect(16, 325, 217, 128);

context.strokeStyle = '#000000';
context.strokeRect(273, 319, 227, 132);

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(229, 213);

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

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

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

context.lineTo(223, 217);
context.stroke();

context.lineTo(213, 225);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(127, 305);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(109, 301);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(141, 317);
context.stroke();

context.lineTo(141, 317);
context.stroke();

context.lineTo(141, 317);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(231, 213);

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(307, 271);
context.stroke();

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

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

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

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

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

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

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

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

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

context.lineTo(335, 287);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(351, 297);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(367, 307);
context.stroke();

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

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

context.lineTo(371, 309);
context.stroke();

context.lineTo(371, 309);
context.stroke();

context.lineTo(371, 309);
context.stroke();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(374, 283);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(327, 308);

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

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

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

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

context.lineTo(343, 307);
context.stroke();

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

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

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

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

context.lineTo(361, 307);
context.stroke();

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

context.lineTo(365, 307);
context.stroke();

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

context.lineTo(367, 307);
context.stroke();

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

context.lineTo(369, 307);
context.stroke();

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

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

context.lineTo(371, 307);
context.stroke();

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

context.lineTo(370, 307);
context.stroke();
</script>
</body>
</html>