<!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(268, 147);

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(269, 108);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(453, 176);
context.stroke();

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

context.lineTo(460, 173);
context.stroke();
</script>
</body>
</html>