<!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(139, 84, 369, 20);

context.strokeStyle = '#000000';
context.strokeRect(315, 117, 107, 23);

context.strokeStyle = '#000000';
context.strokeRect(201, 116, 95, 24);

context.strokeStyle = '#000000';
context.strokeRect(103, 120, 80, 24);

context.strokeStyle = '#000000';
context.strokeRect(442, 118, 91, 25);

context.strokeStyle = '#000000';
context.strokeRect(409, 168, 147, 40);

context.strokeStyle = '#000000';
context.strokeRect(15, 254, 552, 116);

context.strokeStyle = '#000000';
context.strokeRect(18, 389, 547, 109);

context.strokeStyle = '#000000';
context.strokeRect(42, 264, 181, 88);

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(270, 275);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(280, 299);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(287, 325);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(482, 327);
context.stroke();

context.lineTo(484, 327);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(451, 414);
context.stroke();

context.lineTo(462, 414);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(295, 439);

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

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

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

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

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

context.lineTo(472, 441);
context.stroke();

context.lineTo(484, 440);
context.stroke();

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

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

context.lineTo(491, 438);
context.stroke();

context.lineTo(492, 438);
context.stroke();

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

context.lineTo(495, 438);
context.stroke();

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

context.lineTo(502, 437);
context.stroke();

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

context.lineTo(506, 437);
context.stroke();

context.lineTo(506, 437);
context.stroke();

context.lineTo(507, 437);
context.stroke();

context.lineTo(507, 437);
context.stroke();

context.lineTo(507, 437);
context.stroke();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(311, 469);

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

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

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

context.lineTo(435, 472);
context.stroke();

context.lineTo(472, 474);
context.stroke();

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

context.lineTo(493, 475);
context.stroke();

context.lineTo(500, 475);
context.stroke();

context.lineTo(506, 474);
context.stroke();

context.lineTo(509, 474);
context.stroke();

context.lineTo(509, 474);
context.stroke();
</script>
</body>
</html>