<!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(198, 187);

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(360, 83);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.strokeRect(196, 201, 235, 194);

context.strokeStyle = '#000000';
context.strokeRect(376, 200, 2, 0);

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(383, 183);

context.lineTo(385, 185);
context.stroke();

context.lineTo(388, 192);
context.stroke();

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

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

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

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

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

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

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

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

context.lineTo(391, 185);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(375, 203);
context.stroke();
</script>
</body>
</html>