<!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.beginPath();
context.moveTo(15, 55);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(103, 8);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(117, 53);

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(103, 79);

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

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

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

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

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

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

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

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

context.lineTo(103, 89);
context.stroke();
</script>
</body>
</html>