<!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(262, 200);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(233, 313);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(157, 146);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(419, 158);
context.stroke();

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

context.lineTo(403, 132);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(144, 380);
context.stroke();

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

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

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

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

context.lineTo(30, 384);
context.stroke();

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

context.lineTo(14, 343);
context.stroke();

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

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

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

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

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

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

context.lineTo(129, 178);
context.stroke();

context.lineTo(146, 178);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(290, 413);
context.stroke();

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

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

context.lineTo(315, 408);
context.stroke();
</script>
</body>
</html>