<!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(64, 145);

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

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

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

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

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

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

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

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

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

context.lineTo(58, 86);
context.stroke();

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

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

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

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

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

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

context.lineTo(69, 71);
context.stroke();

context.lineTo(72, 69);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(326, 72);

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

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

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

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

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

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

context.lineTo(345, 72);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(347, 142);
context.stroke();
</script>
</body>
</html>