<!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.strokeStyle = '#000000';
context.beginPath();
context.moveTo(72, 68);
context.lineTo(491, 436);
context.stroke();
context.closePath();

context.strokeStyle = '#000000';
context.strokeRect(159, 75, 237, 311);

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(316, 68);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(296, 83);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(296, 83);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(330, 72);
context.stroke();

context.lineTo(333, 72);
context.stroke();

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

context.lineTo(335, 72);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(359, 75);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(296, 75);
context.stroke();

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

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

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

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

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

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

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

context.lineTo(324, 80);
context.stroke();

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

context.lineTo(330, 80);
context.stroke();

context.lineTo(335, 80);
context.stroke();

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

context.lineWidth = 6;

context.lineWidth = 7;

context.lineWidth = 8;

context.lineWidth = 9;

context.lineWidth = 8;

context.lineWidth = 7;

context.lineWidth = 6;

context.lineWidth = 5;

context.lineWidth = 4;

context.lineWidth = 5;

context.lineWidth = 6;
</script>
</body>
</html>