<!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(246, 124);

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

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

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

context.lineTo(253, 198);
context.stroke();

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

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

context.lineTo(353, 257);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(471, 133);

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

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

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

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

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

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

context.lineTo(491, 247);
context.stroke();

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

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

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

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

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

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

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

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

context.lineTo(483, 253);
context.stroke();

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

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

context.lineTo(455, 303);
context.stroke();

context.lineTo(450, 316);
context.stroke();

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(454, 311);

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

context.lineTo(451, 310);
context.stroke();

context.lineTo(445, 309);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(283, 307);
context.stroke();

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

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

context.lineTo(275, 280);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.strokeRect(112, 69, 173, 33);
</script>
</body>
</html>