<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Your Canvas</title>

<style type="text/css"></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 = 12;

context.lineWidth = 13;

context.lineWidth = 14;

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.strokeStyle = '#000000';
context.beginPath();
context.moveTo(4, 2);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(188, 158);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(295, 221);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(398, 282);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(526, 295);
context.stroke();

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

context.lineTo(518, 294);
context.stroke();

context.lineTo(517, 294);
context.stroke();

context.lineTo(515, 294);
context.stroke();

context.lineTo(510, 295);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(348, 383);
context.stroke();

context.lineTo(349, 383);
context.stroke();

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(350, 383);

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

context.lineTo(350, 384);
context.stroke();
</script>
</body>
</html>