<!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(167, 132);

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(78, 178);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(106, 239);
context.stroke();

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

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

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

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

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

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

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

context.lineTo(248, 297);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(296, 179);

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(297, 273);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(249, 178);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.strokeRect(59, 43, 273, 215);
</script>
</body>
</html>