<!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(70, 388);

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(211, 345);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(434, 212);

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(448, 113);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(356, 312);

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(351, 268);

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

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

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

context.lineTo(176, 411);
context.stroke();

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(321, 249);

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(504, 243);

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

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

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

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

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

context.lineTo(127, 223);
context.stroke();

context.lineTo(127, 223);
context.stroke();

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(466, 341);

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

context.lineTo(547, 391);
context.stroke();

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(419, 118);

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(230, 123);

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

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

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

context.lineTo(354, 123);
context.stroke();
</script>
</body>
</html>