<!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(24, 42, 232, 176);

context.strokeStyle = '#000000';
context.strokeRect(365, 43, 212, 180);

context.strokeStyle = '#000000';
context.strokeRect(14, 268, 252, 179);

context.strokeStyle = '#000000';
context.strokeRect(356, 269, 211, 195);

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(417, 236);

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

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

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

context.lineTo(408, 239);
context.stroke();

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

context.lineTo(389, 245);
context.stroke();

context.lineTo(379, 247);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(439, 247);
context.stroke();

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

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

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

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

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

context.lineTo(427, 207);
context.stroke();

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

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

context.lineTo(424, 203);
context.stroke();

context.lineTo(421, 201);
context.stroke();

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

context.lineTo(412, 193);
context.stroke();

context.lineTo(409, 189);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(219, 253);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(203, 243);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(385, 366);
context.stroke();
</script>
</body>
</html>