<!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.lineWidth = 6;

context.lineWidth = 7;

context.lineWidth = 6;

context.lineWidth = 5;

context.lineWidth = 4;

context.lineWidth = 5;

context.lineWidth = 6;

context.lineWidth = 7;

context.lineWidth = 6;

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(24, 13);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(172, 21);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(177, 21);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(228, 116);

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(109, 111);

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(117, 116);
context.stroke();
</script>
</body>
</html>