<!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(282, 122);

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(162, 67);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(252, 123);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(429, 222);

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(431, 220);

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

context.lineWidth = 4;

context.lineWidth = 3;

context.lineWidth = 2;

context.lineWidth = 1;

context.lineWidth = 2;

context.lineWidth = 3;

context.lineWidth = 4;

context.lineWidth = 5;

context.strokeStyle = '#000000';
context.strokeRect(69, 57, 246, 156);
</script>
</body>
</html>