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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(78.5, 188);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(97.5, 243);
context.stroke();

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

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

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

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

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

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

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

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

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

context.lineTo(230.5, 301);
context.stroke();

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

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

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

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

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

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

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

context.lineTo(411.5, 311);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(375.5, 84);
context.stroke();

context.lineTo(366.5, 82);
context.stroke();

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

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

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

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

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

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

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

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

context.lineTo(196.5, 80);
context.stroke();

context.lineTo(191.5, 81);
context.stroke();

context.lineTo(188.5, 82);
context.stroke();

context.lineTo(187.5, 82);
context.stroke();

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

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

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

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

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

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

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

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

context.lineTo(172.5, 82);
context.stroke();

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

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

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

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

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

context.lineTo(165.5, 76);
context.stroke();

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

context.lineTo(165.5, 75);
context.stroke();
</script>
</body>
</html>