<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Your Canvas</title>

<style type="text/css"><!--
#container { position: relative; }
#imageTemp { position: absolute; top: 1px; left: 1px; }
--></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(41, 229);

context.lineTo(50, 228);
context.stroke();

context.lineTo(51, 228);
context.stroke();

context.lineTo(55, 228);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(376, 218);
context.stroke();

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

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

context.lineTo(405, 218);
context.stroke();

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

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

context.lineTo(428, 218);
context.stroke();

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

context.lineTo(446, 218);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(83, 209);

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(171, 209);

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(262, 206);

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(367, 199);

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(462, 197);

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

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

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

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

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

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

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

context.lineTo(469, 248);
context.stroke();
</script>
</body>
</html>