<!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(89, 66, 307, 163);

context.strokeStyle = '#000000';
context.strokeRect(205, 60, 76, 8);

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(28, 106);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(270, 281);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(466, 234);
context.stroke();
</script>
</body>
</html>