<!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(283, 114);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(433, 435);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(337, 451);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#000000';
context.strokeRect(153, 111, 318, 107);
</script>
</body>
</html>