<!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 = '#FFFFFF';
context.beginPath();
context.moveTo(188, 92);

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

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

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

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

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

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

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

context.lineTo(384, 85);
context.stroke();

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

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

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

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

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

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

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

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(284, 140);

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(344, 47);

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

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

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

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

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

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

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

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

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

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

context.lineTo(182, 70);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(181, 235);
context.stroke();

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

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

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

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

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

context.lineTo(251, 279);
context.stroke();

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

context.lineTo(281, 269);
context.stroke();

context.lineTo(295, 262);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(330, 66);
context.stroke();

context.lineTo(330, 64);
context.stroke();

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

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

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

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

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

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

context.lineTo(335, 52);
context.stroke();
</script>
</body>
</html>