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

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

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

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

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

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

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

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

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

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

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 = 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(273, 378);

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#57FF36';
context.beginPath();
context.moveTo(380, 110);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(507, 335);
context.stroke();
</script>
</body>
</html>