<!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(141, 355);
context.lineTo(503, 358);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(318, 356);
context.lineTo(317, 61);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(145, 351);
context.lineTo(318, 58);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(501, 357);
context.lineTo(317, 57);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(321, 354);
context.lineTo(231, 198);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(235, 199);
context.lineTo(408, 201);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(408, 201);
context.lineTo(318, 355);
context.stroke();
context.closePath();

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(322, 144);

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

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(315, 149);

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

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(301, 138);

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

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

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

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

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

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

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

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

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(319, 146);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(323, 212);
context.stroke();

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

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

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

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

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

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

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

context.lineTo(323, 252);
context.stroke();

context.lineTo(323, 259);
context.stroke();

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

context.lineTo(323, 272);
context.stroke();

context.lineTo(323, 282);
context.stroke();

context.lineTo(323, 284);
context.stroke();

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

context.lineTo(323, 299);
context.stroke();

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

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

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

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

context.lineTo(328, 338);
context.stroke();

context.lineTo(328, 338);
context.stroke();
</script>
</body>
</html>