<!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(108, 313);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(234, 413);
context.stroke();

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

context.lineTo(211, 414);
context.stroke();

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(251, 434);

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

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

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

context.lineTo(208, 414);
context.stroke();

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

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

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

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

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

context.lineTo(221, 468);
context.stroke();

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

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

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

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

context.lineTo(447, 459);
context.stroke();

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

context.lineTo(486, 434);
context.stroke();

context.lineTo(482, 425);
context.stroke();

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

context.lineTo(434, 407);
context.stroke();

context.lineTo(392, 400);
context.stroke();

context.lineTo(344, 399);
context.stroke();

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

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

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

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

context.lineTo(177, 446);
context.stroke();

context.lineTo(184, 454);
context.stroke();

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

context.lineTo(228, 447);
context.stroke();

context.lineTo(265, 435);
context.stroke();

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

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

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

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

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

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

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

context.lineTo(157, 399);
context.stroke();

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

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

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

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

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

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

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

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

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

context.lineTo(422, 415);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(464, 351);
context.stroke();

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

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

context.lineTo(398, 414);
context.stroke();

context.lineTo(346, 424);
context.stroke();

context.lineTo(285, 423);
context.stroke();

context.lineTo(213, 411);
context.stroke();

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

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

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

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

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

context.lineTo(157, 287);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(467, 342);
context.stroke();

context.lineTo(467, 342);
context.stroke();

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(275, 321);

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(373, 273);

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(386, 269);

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(338, 251);

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

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

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

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

context.strokeStyle = '#000000';
context.strokeRect(141, 293, 252, 51);

context.strokeStyle = '#000000';
context.strokeRect(196, 308, 244, 8);

context.strokeStyle = '#000000';
context.strokeRect(181, 308, 165, 8);

context.strokeStyle = '#000000';
context.strokeRect(209, 273, 242, 18);
</script>
</body>
</html>