<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Your Canvas</title>

<style type="text/css"></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(47, 21, 115, 120);

context.strokeStyle = '#000000';
context.strokeRect(135, 26, 10, 27);

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(130, 54);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(144, 35);
context.stroke();

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

context.lineTo(144, 32);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(144, 26);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.strokeRect(191, 24, 91, 302);
</script>
</body>
</html>