<!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(279, 84);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(253, 62);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.strokeRect(184, 88, 227, 226);

context.lineWidth = 6;

context.lineWidth = 7;

context.lineWidth = 6;

context.lineWidth = 5;

context.strokeStyle = '#000000';
context.strokeRect(239, 20, 106, 190);
</script>
</body>
</html>