<!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 = '#FF0000';
context.beginPath();
context.moveTo(229, 294);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#FF3030';
context.beginPath();
context.moveTo(238, 286);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#FFA866';
context.beginPath();
context.moveTo(243, 271);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.strokeStyle = '#FF4517';
context.beginPath();
context.moveTo(222, 288);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

context.lineTo(250, 266);
context.stroke();
</script>
</body>
</html>