<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Your Canvas</title>

<style type="text/css"></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(106, 78, 274, 260);

context.strokeStyle = '#000000';
context.strokeRect(149, 78, 190, 126);

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(106, 293);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(138, 337);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(127, 342);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(105, 287);
context.lineTo(141, 340);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(175, 101);
context.lineTo(306, 103);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(177, 130);
context.lineTo(305, 132);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(178, 157);
context.lineTo(307, 159);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.strokeRect(151, 263, 127, 75);

context.strokeStyle = '#000000';
context.strokeRect(240, 281, 22, 55);
</script>
</body>
</html>