<!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(110, 68, 288, 321);

context.strokeStyle = '#000000';
context.strokeRect(124, 84, 255, 155);

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(172, 253);

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

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

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

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

context.lineTo(170, 261);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(181, 420);
context.stroke();

context.lineTo(181, 420);
context.stroke();

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(237, 281);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(336, 267);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(170, 279);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(174, 312);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(173, 274);
context.stroke();
</script>
</body>
</html>