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

context.lineWidth = 3;

context.strokeStyle = '#000000';
context.strokeRect(20, 23, 559, 412);

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(20, 21);
context.lineTo(578, 434);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(19, 432);
context.lineTo(577, 25);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(18, 224);
context.lineTo(320, 24);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(321, 21);
context.lineTo(575, 219);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(324, 429);
context.lineTo(577, 218);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(22, 219);
context.lineTo(325, 428);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(318, 300);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(343, 345);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(431, 224);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(432, 233);
context.stroke();
</script>
</body>
</html>