<!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(120, 127, 313, 268);

context.strokeStyle = '#000000';
context.strokeRect(174, 128, 209, 108);

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(191, 147);
context.lineTo(368, 147);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(192, 173);
context.lineTo(365, 173);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(193, 202);
context.lineTo(366, 201);
context.stroke();
context.closePath();

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(119, 356);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(145, 392);
context.stroke();

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

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

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

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

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

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

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

context.lineTo(137, 393);
context.stroke();

context.lineTo(134, 393);
context.stroke();

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

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

context.lineTo(131, 392);
context.stroke();

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

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

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

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

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

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

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

context.lineTo(121, 392);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(121, 399);
context.stroke();

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

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

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

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

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

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

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

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

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

context.lineTo(134, 399);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(134, 393);
context.stroke();

context.lineTo(131, 392);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(116, 381);

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

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

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

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

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

context.lineTo(121, 387);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(119, 353);

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(125, 353);

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

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

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

context.lineTo(125, 357);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(120, 349);
context.lineTo(120, 362);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(120, 359);
context.lineTo(151, 396);
context.stroke();
context.closePath();

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(116, 361);

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

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(116, 360);

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

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(112, 360);

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(120, 354);
context.lineTo(120, 359);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.strokeRect(190, 329, 176, 64);

context.strokeStyle = '#000000';
context.strokeRect(203, 337, 27, 48);

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(120, 359);
context.lineTo(120, 352);
context.stroke();
context.closePath();

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(115, 356);

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

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

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

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(118, 358);

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

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(118, 358);

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

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(118, 357);

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(110, 357);

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

context.lineTo(121, 357);
context.stroke();

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(109, 352);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(114, 351);

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(116, 360);

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

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(113, 357);

context.lineTo(113, 357);
context.stroke();
</script>
</body>
</html>