<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Your Canvas</title>

<style type="text/css"><!--
#container { position: relative; }
#imageTemp { position: absolute; top: 1px; left: 1px; }
--></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.lineWidth = 5;

context.strokeStyle = '#BFBFBF';
context.strokeRect(114, 149, 230, 312);

context.strokeStyle = '#BFBFBF';
context.beginPath();
context.moveTo(116, 150);
context.lineTo(164, 55);
context.stroke();
context.closePath();

context.strokeStyle = '#BFBFBF';
context.beginPath();
context.moveTo(163, 57);
context.lineTo(366, 54);
context.stroke();
context.closePath();

context.strokeStyle = '#BFBFBF';
context.beginPath();
context.moveTo(364, 57);
context.lineTo(344, 150);
context.stroke();
context.closePath();

context.strokeStyle = '#BFBFBF';
context.beginPath();
context.moveTo(364, 51);
context.lineTo(379, 374);
context.stroke();
context.closePath();

context.strokeStyle = '#BFBFBF';
context.beginPath();
context.moveTo(379, 370);
context.lineTo(344, 455);
context.stroke();
context.closePath();

context.strokeStyle = '#BFBFBF';
context.save();
context.translate(254.5, 277.5);
context.scale(1, 1);
context.beginPath();
context.arc(0, 0, 27, 0, 6.283185307179586, false);
context.stroke();
context.closePath();
context.restore();

context.lineWidth = 4;

context.lineWidth = 3;

context.strokeStyle = '#DEDEDE';
context.beginPath();
context.moveTo(380, 415);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(416, 351);
context.stroke();
</script>
</body>
</html>