<!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.beginPath();
context.moveTo(33, 80);
context.lineTo(538, 21);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(197, 292);
context.lineTo(537, 20);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(86, 182);

context.lineTo(86, 183);
context.stroke();

context.lineTo(86, 191);
context.stroke();

context.lineTo(81, 205);
context.stroke();

context.lineTo(78, 215);
context.stroke();

context.lineTo(75, 225);
context.stroke();

context.lineTo(73, 233);
context.stroke();

context.lineTo(72, 237);
context.stroke();

context.lineTo(72, 243);
context.stroke();

context.lineTo(72, 247);
context.stroke();

context.lineTo(73, 253);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(240, 422);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(149, 401);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.strokeRect(130, 120, 279, 170);

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(223, 68);

context.lineTo(224, 70);
context.stroke();

context.lineTo(227, 86);
context.stroke();

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

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

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

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

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

context.lineTo(240, 212);
context.stroke();

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

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

context.lineTo(237, 217);
context.stroke();

context.lineTo(234, 219);
context.stroke();

context.lineTo(233, 220);
context.stroke();

context.lineTo(232, 221);
context.stroke();

context.lineTo(231, 222);
context.stroke();

context.lineTo(230, 224);
context.stroke();

context.lineTo(226, 229);
context.stroke();

context.lineTo(222, 236);
context.stroke();

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

context.lineTo(212, 253);
context.stroke();

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

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

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

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

context.lineTo(187, 282);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(208, 422);
context.stroke();

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

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

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

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

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

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

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

context.lineTo(190, 163);
context.stroke();

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

context.lineTo(149, 193);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(154, 284);
context.stroke();

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

context.lineTo(210, 249);
context.stroke();

context.lineTo(264, 202);
context.stroke();

context.lineTo(264, 202);
context.stroke();
</script>
</body>
</html>