<!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(190, 166, 279, 289);

context.strokeStyle = '#000000';
context.strokeRect(334, 320, 68, 131);

context.strokeStyle = '#000000';
context.beginPath();
context.moveTo(45, 37);

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

context.lineTo(49, 41);
context.stroke();

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(97, 23);

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

context.lineTo(54, 25);
context.stroke();

context.lineTo(52, 25);
context.stroke();

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

context.lineTo(49, 30);
context.stroke();

context.lineTo(48, 33);
context.stroke();

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

context.lineTo(48, 39);
context.stroke();

context.lineTo(48, 41);
context.stroke();

context.lineTo(48, 43);
context.stroke();

context.lineTo(48, 46);
context.stroke();

context.lineTo(48, 49);
context.stroke();

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

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

context.lineTo(41, 53);
context.stroke();

context.lineTo(39, 53);
context.stroke();

context.lineTo(38, 54);
context.stroke();

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

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

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

context.strokeStyle = '#FFFFFF';
context.beginPath();
context.moveTo(37, 47);

context.lineTo(38, 45);
context.stroke();

context.lineTo(39, 45);
context.stroke();

context.lineTo(40, 45);
context.stroke();

context.lineTo(41, 45);
context.stroke();

context.lineTo(43, 40);
context.stroke();

context.lineTo(46, 36);
context.stroke();

context.lineTo(46, 34);
context.stroke();

context.lineTo(46, 33);
context.stroke();

context.lineTo(46, 31);
context.stroke();

context.lineTo(46, 30);
context.stroke();

context.lineTo(46, 29);
context.stroke();

context.lineTo(45, 29);
context.stroke();

context.lineTo(39, 33);
context.stroke();

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

context.lineTo(29, 39);
context.stroke();

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

context.lineTo(27, 41);
context.stroke();

context.lineTo(25, 42);
context.stroke();

context.lineTo(24, 43);
context.stroke();

context.lineTo(26, 43);
context.stroke();

context.lineTo(46, 39);
context.stroke();

context.lineTo(54, 38);
context.stroke();

context.lineTo(56, 38);
context.stroke();

context.lineTo(62, 38);
context.stroke();

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

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

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

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

context.lineTo(111, 38);
context.stroke();

context.lineTo(128, 39);
context.stroke();

context.lineTo(147, 41);
context.stroke();

context.lineTo(154, 43);
context.stroke();

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

context.lineTo(168, 47);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(564, 327);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(473, 132);
context.stroke();

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

context.lineTo(550, 207);
context.stroke();

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

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

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

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

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

context.lineTo(304, 142);
context.stroke();
</script>
</body>
</html>