<!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(60, 37);

context.lineTo(62, 39);
context.stroke();

context.lineTo(65, 43);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(598, 164);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(469, 459);
context.stroke();

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

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

context.lineTo(489, 24);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(305, 53);
context.stroke();

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

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

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

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

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

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

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

context.lineTo(398, 351);
context.stroke();

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

context.lineTo(468, 327);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(367, 303);
context.stroke();
</script>
</body>
</html>