<!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(76, 42);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(90, 74);

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(91, 74);

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(113, 52);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(131, 66);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineWidth = 6;

context.lineWidth = 7;

context.lineWidth = 8;

context.lineWidth = 9;

context.lineWidth = 10;

context.lineWidth = 11;

context.lineWidth = 12;

context.lineWidth = 13;

context.lineWidth = 14;

context.lineWidth = 12;

context.lineWidth = 9;

context.lineWidth = 7;

context.lineWidth = 5;

context.lineWidth = 2;

context.lineWidth = 1;
</script>
</body>
</html>