<!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(81, 397);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(516, 107);
context.stroke();

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

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

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

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

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

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

context.lineTo(564, 62);
context.stroke();

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

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

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

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

context.lineTo(571, 52);
context.stroke();
</script>
</body>
</html>