<!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(28, 48);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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