<!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(166, 114);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(429, 225);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(351, 168);
context.stroke();
</script>
</body>
</html>