<!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.strokeRect(89, 70, 377, 332);

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(266, 64);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(220, 68);
context.stroke();

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

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

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

context.lineTo(224, 65);
context.stroke();

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

context.lineTo(226, 64);
context.stroke();

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

context.lineTo(229, 64);
context.stroke();

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

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

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

context.lineTo(233, 64);
context.stroke();

context.lineTo(234, 64);
context.stroke();

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

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

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

context.lineTo(239, 64);
context.stroke();

context.lineTo(241, 64);
context.stroke();

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

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

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

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

context.lineTo(248, 64);
context.stroke();

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

context.lineTo(251, 64);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(488, 149);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(232, 413);
context.stroke();
</script>
</body>
</html>