<!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.strokeRect(106, 143, 94, 67);

context.lineWidth = 4;

context.lineWidth = 3;

context.lineWidth = 2;

context.lineWidth = 1;

context.strokeStyle = '#000000';
context.strokeRect(298, 114, 206, 77);

context.strokeStyle = '#000000';
context.strokeRect(201, 84, 97, 30);

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(243, 129);

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(261, 90);

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

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(279, 66);

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

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

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

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

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

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

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

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(307, 75);

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(389, 87);

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(465, 94);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(288, 76);
context.stroke();
</script>
</body>
</html>