<!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(22, 108);
context.lineTo(71, 109);
context.stroke();
context.closePath();

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(52, 98);

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

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

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

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

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

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

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

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

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

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

context.lineTo(54, 121);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(15, 128);
context.lineTo(59, 128);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(58, 125);
context.lineTo(74, 84);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(76, 82);
context.lineTo(93, 125);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(94, 125);
context.lineTo(113, 82);
context.stroke();
context.closePath();
</script>
</body>
</html>