<!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(260, 59);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(514, 69);
context.stroke();

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

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

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

context.lineTo(510, 61);
context.stroke();
</script>
</body>
</html>