<!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(249, 110);

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(50, 70);
context.lineTo(53, 460);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(50, 68);
context.lineTo(550, 68);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(550, 69);
context.lineTo(552, 468);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(54, 460);
context.lineTo(572, 459);
context.stroke();
context.closePath();

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(554, 466);

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

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(553, 466);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(553, 465);
context.stroke();

context.lineTo(552, 465);
context.stroke();

context.lineTo(551, 465);
context.stroke();

context.lineTo(550, 464);
context.stroke();

context.lineTo(550, 464);
context.stroke();

context.lineTo(549, 464);
context.stroke();

context.lineTo(548, 464);
context.stroke();

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

context.lineTo(548, 464);
context.stroke();

context.lineTo(548, 464);
context.stroke();

context.lineTo(549, 464);
context.stroke();

context.lineTo(550, 464);
context.stroke();

context.lineTo(550, 464);
context.stroke();

context.lineTo(551, 464);
context.stroke();

context.lineTo(552, 464);
context.stroke();

context.lineTo(553, 464);
context.stroke();

context.lineTo(554, 464);
context.stroke();

context.lineTo(554, 464);
context.stroke();

context.lineTo(555, 464);
context.stroke();

context.lineTo(556, 464);
context.stroke();

context.lineTo(557, 464);
context.stroke();

context.lineTo(558, 464);
context.stroke();

context.lineTo(558, 464);
context.stroke();

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(566, 412);

context.lineTo(566, 413);
context.stroke();

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

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

context.lineTo(566, 419);
context.stroke();

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

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

context.lineTo(566, 426);
context.stroke();

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

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

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

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

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

context.lineTo(566, 445);
context.stroke();

context.lineTo(566, 447);
context.stroke();

context.lineTo(567, 452);
context.stroke();

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

context.lineTo(568, 457);
context.stroke();

context.lineTo(568, 459);
context.stroke();

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

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

context.lineTo(568, 463);
context.stroke();

context.lineTo(568, 464);
context.stroke();

context.lineTo(569, 464);
context.stroke();

context.lineTo(574, 467);
context.stroke();

context.lineTo(575, 467);
context.stroke();

context.lineTo(576, 467);
context.stroke();

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

context.lineTo(575, 465);
context.stroke();

context.lineTo(575, 464);
context.stroke();

context.lineTo(575, 463);
context.stroke();

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

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

context.lineTo(572, 459);
context.stroke();

context.lineTo(571, 457);
context.stroke();

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

context.lineTo(570, 455);
context.stroke();

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

context.lineTo(569, 455);
context.stroke();

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

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

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

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

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

context.lineTo(565, 459);
context.stroke();

context.lineTo(564, 459);
context.stroke();

context.lineTo(563, 459);
context.stroke();

context.lineTo(562, 459);
context.stroke();

context.lineTo(562, 459);
context.stroke();

context.lineTo(561, 459);
context.stroke();

context.lineTo(560, 459);
context.stroke();

context.lineTo(559, 459);
context.stroke();

context.lineTo(558, 459);
context.stroke();

context.lineTo(558, 459);
context.stroke();

context.lineTo(558, 459);
context.stroke();

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(29, 34);

context.lineTo(31, 40);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(31, 38);
context.stroke();

context.lineTo(46, 5);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(58, 402);
context.stroke();

context.lineTo(60, 419);
context.stroke();

context.lineTo(60, 429);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(51, 72);

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

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

context.lineTo(82, 69);
context.stroke();

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

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

context.lineTo(88, 69);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(309, 66);
context.stroke();
</script>
</body>
</html>