<!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(108, 363);
context.lineTo(180, 107);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(179, 110);
context.lineTo(218, 292);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(218, 292);
context.lineTo(278, 109);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(284, 126);
context.lineTo(320, 312);
context.stroke();
context.closePath();

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(290, 116);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(189, 211);
context.stroke();

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

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

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

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

context.lineTo(168, 194);
context.stroke();

context.lineTo(164, 192);
context.stroke();

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

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

context.lineTo(193, 189);
context.stroke();

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

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

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

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

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

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

context.lineTo(525, 206);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(377, 190);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineWidth = 13;

context.lineWidth = 14;

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(522, 43);

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

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

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

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

context.lineTo(503, 92);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(536, 41);
context.lineTo(425, 320);
context.stroke();
context.closePath();
</script>
</body>
</html>