<!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(51, 94, 490, 324);
context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(529, 285);
context.lineTo(530, 285);
context.stroke();
context.lineTo(531, 285);
context.stroke();
context.lineTo(532, 286);
context.stroke();
context.lineTo(533, 286);
context.stroke();
context.lineTo(534, 287);
context.stroke();
context.lineTo(538, 290);
context.stroke();
context.lineTo(541, 293);
context.stroke();
context.lineTo(543, 295);
context.stroke();
context.lineTo(545, 296);
context.stroke();
context.lineTo(545, 297);
context.stroke();
context.lineTo(546, 297);
context.stroke();
context.lineTo(547, 299);
context.stroke();
context.lineTo(549, 301);
context.stroke();
context.lineTo(551, 303);
context.stroke();
context.lineTo(553, 304);
context.stroke();
context.lineTo(554, 306);
context.stroke();
context.lineTo(555, 308);
context.stroke();
context.lineTo(556, 309);
context.stroke();
context.lineTo(557, 312);
context.stroke();
context.lineTo(558, 313);
context.stroke();
context.lineTo(558, 314);
context.stroke();
context.lineTo(559, 315);
context.stroke();
context.lineTo(559, 316);
context.stroke();
context.lineTo(559, 319);
context.stroke();
context.lineTo(559, 321);
context.stroke();
context.lineTo(558, 322);
context.stroke();
context.lineTo(557, 323);
context.stroke();
context.lineTo(556, 326);
context.stroke();
context.lineTo(555, 327);
context.stroke();
context.lineTo(553, 328);
context.stroke();
context.lineTo(546, 330);
context.stroke();
context.lineTo(540, 330);
context.stroke();
context.lineTo(533, 330);
context.stroke();
context.lineTo(529, 330);
context.stroke();
context.lineTo(525, 328);
context.stroke();
context.lineTo(521, 324);
context.stroke();
context.lineTo(519, 322);
context.stroke();
context.lineTo(519, 321);
context.stroke();
context.lineTo(519, 317);
context.stroke();
context.lineTo(519, 315);
context.stroke();
context.lineTo(519, 314);
context.stroke();
context.lineTo(519, 313);
context.stroke();
context.lineTo(519, 312);
context.stroke();
context.lineTo(521, 309);
context.stroke();
context.lineTo(525, 304);
context.stroke();
context.lineTo(525, 303);
context.stroke();
context.lineTo(526, 303);
context.stroke();
context.lineTo(526, 301);
context.stroke();
context.lineTo(527, 298);
context.stroke();
context.lineTo(527, 297);
context.stroke();
context.lineTo(527, 295);
context.stroke();
context.lineTo(530, 298);
context.stroke();
context.lineTo(533, 309);
context.stroke();
context.lineTo(533, 315);
context.stroke();
context.lineTo(533, 322);
context.stroke();
context.lineTo(533, 328);
context.stroke();
context.lineTo(533, 331);
context.stroke();
context.lineTo(533, 333);
context.stroke();
context.lineTo(534, 325);
context.stroke();
context.lineTo(535, 321);
context.stroke();
context.lineTo(535, 317);
context.stroke();
context.lineTo(535, 316);
context.stroke();
context.lineTo(535, 313);
context.stroke();
context.lineTo(534, 310);
context.stroke();
context.lineTo(533, 304);
context.stroke();
context.lineTo(533, 301);
context.stroke();
context.lineTo(533, 296);
context.stroke();
context.lineTo(533, 291);
context.stroke();
context.lineTo(533, 289);
context.stroke();
context.lineTo(536, 291);
context.stroke();
context.lineTo(537, 292);
context.stroke();
context.lineTo(538, 293);
context.stroke();
context.lineTo(539, 294);
context.stroke();
context.lineTo(543, 302);
context.stroke();
context.lineTo(543, 303);
context.stroke();
context.lineTo(544, 304);
context.stroke();
context.lineTo(544, 306);
context.stroke();
context.lineTo(544, 307);
context.stroke();
context.lineTo(544, 308);
context.stroke();
context.lineTo(545, 308);
context.stroke();
context.lineTo(541, 308);
context.stroke();
context.lineTo(540, 308);
context.stroke();
context.lineTo(538, 307);
context.stroke();
context.lineTo(534, 306);
context.stroke();
context.lineTo(534, 305);
context.stroke();
context.lineTo(535, 302);
context.stroke();
context.lineTo(537, 299);
context.stroke();
context.lineTo(537, 305);
context.stroke();
context.lineTo(537, 318);
context.stroke();
context.lineTo(537, 323);
context.stroke();
context.lineTo(538, 326);
context.stroke();
context.lineTo(539, 330);
context.stroke();
context.lineTo(539, 333);
context.stroke();
context.lineTo(539, 334);
context.stroke();
context.lineTo(539, 335);
context.stroke();
context.lineTo(539, 330);
context.stroke();
context.lineTo(539, 317);
context.stroke();
context.lineTo(539, 311);
context.stroke();
context.lineTo(539, 307);
context.stroke();
context.lineTo(537, 302);
context.stroke();
context.lineTo(535, 298);
context.stroke();
context.lineTo(535, 295);
context.stroke();
context.lineTo(535, 293);
context.stroke();
context.lineTo(536, 299);
context.stroke();
context.lineTo(538, 305);
context.stroke();
context.lineTo(539, 314);
context.stroke();
context.lineTo(540, 319);
context.stroke();
context.lineTo(540, 324);
context.stroke();
context.lineTo(541, 329);
context.stroke();
context.lineTo(541, 335);
context.stroke();
context.lineTo(541, 337);
context.stroke();
context.lineTo(541, 338);
context.stroke();
context.lineTo(541, 331);
context.stroke();
context.lineTo(541, 327);
context.stroke();
context.lineTo(541, 322);
context.stroke();
context.lineTo(542, 318);
context.stroke();
context.lineTo(542, 315);
context.stroke();
context.lineTo(542, 313);
context.stroke();
context.lineTo(541, 311);
context.stroke();
context.lineTo(541, 306);
context.stroke();
context.lineTo(541, 302);
context.stroke();
context.lineTo(541, 301);
context.stroke();
context.lineTo(541, 300);
context.stroke();
context.lineTo(541, 299);
context.stroke();
context.lineTo(540, 298);
context.stroke();
context.lineTo(540, 297);
context.stroke();
context.lineTo(540, 295);
context.stroke();
context.lineTo(540, 293);
context.stroke();
context.lineTo(540, 292);
context.stroke();
context.lineTo(539, 291);
context.stroke();
context.lineTo(538, 290);
context.stroke();
context.lineTo(538, 289);
context.stroke();
context.lineTo(537, 289);
context.stroke();
context.lineTo(537, 288);
context.stroke();
context.lineTo(536, 287);
context.stroke();
context.lineTo(539, 287);
context.stroke();
context.lineTo(542, 287);
context.stroke();
context.lineTo(544, 287);
context.stroke();
context.lineTo(545, 287);
context.stroke();
context.lineTo(545, 288);
context.stroke();
context.lineTo(546, 288);
context.stroke();
context.lineTo(546, 289);
context.stroke();
context.lineTo(546, 296);
context.stroke();
context.lineTo(546, 303);
context.stroke();
context.lineTo(546, 304);
context.stroke();
context.lineTo(546, 308);
context.stroke();
context.lineTo(546, 311);
context.stroke();
context.lineTo(546, 313);
context.stroke();
context.lineTo(546, 315);
context.stroke();
context.lineTo(546, 316);
context.stroke();
context.lineTo(545, 318);
context.stroke();
context.lineTo(545, 319);
context.stroke();
context.lineTo(545, 320);
context.stroke();
context.lineTo(545, 321);
context.stroke();
context.lineTo(544, 317);
context.stroke();
context.lineTo(543, 314);
context.stroke();
context.lineTo(543, 308);
context.stroke();
context.lineTo(543, 304);
context.stroke();
context.lineTo(543, 298);
context.stroke();
context.lineTo(542, 295);
context.stroke();
context.lineTo(541, 292);
context.stroke();
context.lineTo(541, 291);
context.stroke();
context.lineTo(542, 291);
context.stroke();
context.lineTo(543, 291);
context.stroke();
context.lineTo(544, 291);
context.stroke();
context.lineTo(545, 290);
context.stroke();
context.lineTo(545, 288);
context.stroke();
context.lineTo(545, 289);
context.stroke();
context.lineTo(545, 291);
context.stroke();
context.lineTo(545, 297);
context.stroke();
context.lineTo(545, 300);
context.stroke();
context.lineTo(545, 305);
context.stroke();
context.lineTo(545, 310);
context.stroke();
context.lineTo(544, 313);
context.stroke();
context.lineTo(544, 315);
context.stroke();
context.lineTo(544, 316);
context.stroke();
context.lineTo(544, 319);
context.stroke();
context.lineTo(544, 321);
context.stroke();
context.lineTo(544, 322);
context.stroke();
context.lineTo(544, 324);
context.stroke();
context.lineTo(544, 325);
context.stroke();
context.lineTo(544, 327);
context.stroke();
context.lineTo(544, 328);
context.stroke();
context.lineTo(544, 329);
context.stroke();
context.lineTo(544, 332);
context.stroke();
context.lineTo(542, 335);
context.stroke();
context.lineTo(542, 336);
context.stroke();
context.lineTo(542, 337);
context.stroke();
context.lineTo(542, 338);
context.stroke();
context.lineTo(542, 339);
context.stroke();
context.lineTo(542, 340);
context.stroke();
context.lineTo(542, 341);
context.stroke();
context.lineTo(542, 342);
context.stroke();
context.lineTo(542, 344);
context.stroke();
context.lineTo(542, 345);
context.stroke();
context.lineTo(542, 347);
context.stroke();
context.lineTo(541, 347);
context.stroke();
context.lineTo(538, 346);
context.stroke();
context.lineTo(537, 345);
context.stroke();
context.lineTo(535, 345);
context.stroke();
context.lineTo(535, 343);
context.stroke();
context.lineTo(534, 342);
context.stroke();
context.lineTo(532, 341);
context.stroke();
context.lineTo(532, 340);
context.stroke();
context.lineTo(531, 340);
context.stroke();
context.lineTo(531, 339);
context.stroke();
context.lineTo(531, 338);
context.stroke();
context.lineTo(532, 338);
context.stroke();
context.lineTo(533, 337);
context.stroke();
context.lineTo(534, 336);
context.stroke();
context.lineTo(535, 336);
context.stroke();
context.lineTo(536, 336);
context.stroke();
context.lineTo(538, 337);
context.stroke();
context.lineTo(539, 339);
context.stroke();
context.lineTo(540, 339);
context.stroke();
context.lineTo(540, 340);
context.stroke();
context.lineTo(538, 342);
context.stroke();
context.lineTo(538, 343);
context.stroke();
context.lineTo(539, 344);
context.stroke();
context.lineTo(541, 344);
context.stroke();
context.lineTo(542, 344);
context.stroke();
context.lineTo(543, 344);
context.stroke();
context.lineTo(544, 344);
context.stroke();
context.lineTo(545, 342);
context.stroke();
context.lineTo(546, 342);
context.stroke();
context.lineTo(544, 342);
context.stroke();
context.lineTo(542, 342);
context.stroke();
context.lineTo(541, 342);
context.stroke();
context.lineTo(540, 343);
context.stroke();
context.lineTo(538, 343);
context.stroke();
context.lineTo(537, 343);
context.stroke();
context.lineTo(536, 343);
context.stroke();
context.lineTo(535, 343);
context.stroke();
context.lineTo(532, 343);
context.stroke();
context.lineTo(529, 344);
context.stroke();
context.lineTo(528, 344);
context.stroke();
context.lineTo(529, 345);
context.stroke();
context.lineTo(529, 346);
context.stroke();
context.lineTo(531, 346);
context.stroke();
context.lineTo(532, 347);
context.stroke();
context.lineTo(534, 347);
context.stroke();
context.lineTo(535, 347);
context.stroke();
context.lineTo(537, 347);
context.stroke();
context.lineTo(538, 347);
context.stroke();
context.lineTo(539, 347);
context.stroke();
context.lineTo(540, 347);
context.stroke();
context.lineTo(541, 347);
context.stroke();
context.lineTo(542, 346);
context.stroke();
context.lineTo(544, 346);
context.stroke();
context.lineTo(545, 346);
context.stroke();
context.lineTo(546, 346);
context.stroke();
context.lineTo(551, 346);
context.stroke();
context.lineTo(554, 346);
context.stroke();
context.lineTo(555, 346);
context.stroke();
context.lineTo(555, 346);
context.stroke();
context.strokeStyle = '#000000';
context.strokeRect(64, 94, 67, 33);
context.strokeStyle = '#000000';
context.strokeRect(148, 93, 72, 35);
context.strokeStyle = '#000000';
context.strokeRect(239, 96, 73, 39);
</script>
</body>
</html>