<!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(20, 201, 561, 280);

context.strokeStyle = '#000000';
context.strokeRect(581, 481, 0, 0);

context.strokeStyle = '#000000';
context.strokeRect(581, 481, 0, 0);

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(37, 241);
context.lineTo(48, 237);
context.stroke();
context.closePath();

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(53, 237);

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

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(36, 236);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(60, 228);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(43, 255);
context.stroke();
</script>
</body>
</html>