<!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(83, 123);

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

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

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

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

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

context.lineTo(89, 110);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(181, 430);
context.stroke();
</script>
</body>
</html>