<!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 = 8;

context.lineWidth = 9;

context.lineWidth = 10;

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(0, 1);

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

context.lineTo(2, 1);
context.stroke();

context.lineTo(3, 1);
context.stroke();

context.lineTo(4, 1);
context.stroke();

context.lineTo(5, 1);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(37, 2);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(4, 2);
context.stroke();

context.lineTo(3, 2);
context.stroke();

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

context.lineTo(1, 2);
context.stroke();

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

context.lineTo(3, 2);
context.stroke();

context.lineTo(5, 2);
context.stroke();

context.lineTo(6, 2);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(468, 6);
context.stroke();

context.lineTo(469, 6);
context.stroke();

context.lineTo(470, 6);
context.stroke();

context.lineTo(471, 6);
context.stroke();

context.lineTo(472, 6);
context.stroke();

context.lineTo(474, 5);
context.stroke();

context.lineTo(476, 5);
context.stroke();

context.lineTo(477, 5);
context.stroke();

context.lineTo(479, 5);
context.stroke();

context.lineTo(480, 5);
context.stroke();

context.lineTo(486, 5);
context.stroke();

context.lineTo(500, 3);
context.stroke();

context.lineTo(507, 3);
context.stroke();

context.lineTo(508, 3);
context.stroke();

context.lineTo(511, 3);
context.stroke();

context.lineTo(516, 3);
context.stroke();

context.lineTo(522, 3);
context.stroke();

context.lineTo(531, 3);
context.stroke();

context.lineTo(540, 3);
context.stroke();

context.lineTo(546, 3);
context.stroke();

context.lineTo(552, 3);
context.stroke();

context.lineTo(560, 3);
context.stroke();

context.lineTo(563, 3);
context.stroke();

context.lineTo(565, 3);
context.stroke();

context.lineTo(575, 3);
context.stroke();

context.lineTo(591, 2);
context.stroke();
</script>
</body>
</html>