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

context.lineWidth = 10;

context.lineWidth = 9;

context.lineWidth = 8;

context.lineWidth = 7;

context.lineWidth = 6;

context.lineWidth = 5;

context.lineWidth = 4;

context.lineWidth = 3;

context.lineWidth = 4;

context.lineWidth = 5;

context.lineWidth = 6;

context.lineWidth = 7;

context.lineWidth = 8;

context.lineWidth = 7;

context.lineWidth = 6;

context.lineWidth = 5;

context.lineWidth = 4;

context.lineWidth = 3;

context.lineWidth = 2;

context.lineWidth = 1;

context.lineWidth = 2;

context.lineWidth = 3;

context.lineWidth = 4;

context.lineWidth = 5;

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 = 12;

context.lineWidth = 11;

context.lineWidth = 10;

context.lineWidth = 9;

context.lineWidth = 8;

context.lineWidth = 7;

context.lineWidth = 6;

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(54, 99);
context.lineTo(510, 99);
context.stroke();
context.closePath();

context.lineWidth = 5;

context.lineWidth = 4;

context.lineWidth = 3;

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(510, 99);
context.lineTo(508, 53);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(509, 53);
context.lineTo(217, 55);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(217, 55);
context.lineTo(178, 29);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(180, 31);
context.lineTo(51, 30);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(51, 30);
context.lineTo(52, 98);
context.stroke();
context.closePath();

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(239, 42);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(323, 52);
context.stroke();
</script>
</body>
</html>