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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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