<!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(31, 75);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(324, 100);
context.stroke();

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

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

context.lineTo(372, 108);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(337, 372);
context.stroke();

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

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

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

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

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

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

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

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

context.lineTo(190, 360);
context.stroke();
</script>
</body>
</html>