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

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

context.lineWidth = 4;

context.lineWidth = 5;

context.strokeStyle = '#000000';
context.strokeRect(2, 2, 596, 496);

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(3, 218);
context.lineTo(598, 218);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.strokeRect(11, 10, 195, 186);

context.strokeStyle = '#000000';
context.strokeRect(222, 8, 364, 51);

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(220, 33);

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

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

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(223, 34);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(537, 56);
context.stroke();
</script>
</body>
</html>