<!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(195, 80, 175, 280);

context.strokeStyle = '#FFA366';
context.beginPath();
context.moveTo(213, 204);
context.lineTo(213, 338);
context.stroke();
context.closePath();

context.strokeStyle = '#FFA366';
context.beginPath();
context.moveTo(237, 207);
context.lineTo(237, 330);
context.stroke();
context.closePath();

context.strokeStyle = '#FFA366';
context.beginPath();
context.moveTo(213, 203);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#FFA366';
context.beginPath();
context.moveTo(237, 209);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(271, 148);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#FFA366';
context.beginPath();
context.moveTo(264, 84);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(175, 55);
context.stroke();

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

context.lineTo(170, 57);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(127, 166);
context.stroke();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#FFA366';
context.beginPath();
context.moveTo(274, 78);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(479, 258);
context.stroke();
</script>
</body>
</html>