<!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(195, 69, 40, 218);

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(58, 15);

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(51, 12);

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

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

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

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

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

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

context.lineTo(76, 8);
context.stroke();

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

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

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

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

context.lineTo(81, 12);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineWidth = 4;

context.lineWidth = 3;

context.lineWidth = 2;

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(99, 29);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(50, 11);

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(112, 48);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(54, 88);

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(31, 99);

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(48, 99);

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(419, 105);

context.lineTo(419, 105);
context.stroke();
context.lineWidth = 5;

context.strokeStyle = '#000000';
context.strokeRect(135, 40, 58, 22);
</script>
</body>
</html>