<!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.save();
context.translate(340.5, 282.5);
context.scale(1, 1);
context.beginPath();
context.arc(0, 0, 205, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.strokeStyle = '#000000';
context.strokeRect(136, 284, 410, 204);

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(136, 379);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(129, 246);

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

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

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(129, 246);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(505, 160);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(487, 155);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(237, 148);
context.stroke();
</script>
</body>
</html>