<!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.strokeStyle = '#000000';
context.beginPath();
context.moveTo(0, 498);
context.lineTo(599, 1);
context.stroke();
context.closePath();

context.lineWidth = 6;

context.lineWidth = 7;

context.lineWidth = 8;

context.lineWidth = 9;

context.lineWidth = 10;

context.lineWidth = 9;

context.lineWidth = 7;

context.lineWidth = 6;

context.lineWidth = 5;

context.lineWidth = 4;

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(529, 209);

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(596, 6);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(587, 162);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(576, 401);
context.stroke();

context.lineTo(576, 404);
context.stroke();

context.lineTo(576, 406);
context.stroke();

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

context.lineTo(576, 409);
context.stroke();

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

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

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

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

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

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

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

context.lineTo(570, 429);
context.stroke();

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

context.lineTo(570, 434);
context.stroke();

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(493, 198);

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(554, 240);

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(554, 240);

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(554, 240);

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(554, 240);

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(554, 240);

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(554, 240);

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(454, 341);
context.stroke();
</script>
</body>
</html>