<!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(74, 423);

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

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

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

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

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

context.lineTo(161, 288);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(241, 140);
context.stroke();

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

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

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

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

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

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

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

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

context.lineTo(295, 46);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(463, 400);
context.stroke();

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

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

context.lineTo(472, 428);
context.stroke();

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

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

context.lineTo(480, 447);
context.stroke();

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(131, 255);

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

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

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

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

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

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

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

context.lineTo(331, 258);
context.stroke();

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

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

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

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

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

context.lineTo(427, 276);
context.stroke();

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

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

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

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

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

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

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

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

context.lineTo(485, 266);
context.stroke();
</script>
</body>
</html>