<!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(64, 227, 80, 118);

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(53, 283);
context.lineTo(520, 283);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(93, 265);

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

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(159, 211);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(69, 277);
context.stroke();
</script>
</body>
</html>