<!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 = '#FFE252';
context.beginPath();
context.moveTo(84, 56);
context.lineTo(84, 56);
context.stroke();
context.lineWidth = 4;
context.lineWidth = 3;
context.lineWidth = 2;
context.strokeStyle = '#FFE252';
context.beginPath();
context.moveTo(106, 52);
context.lineTo(104, 52);
context.stroke();
context.lineTo(102, 53);
context.stroke();
context.lineTo(98, 55);
context.stroke();
context.lineTo(94, 57);
context.stroke();
context.lineTo(92, 58);
context.stroke();
context.lineTo(91, 59);
context.stroke();
context.lineTo(88, 60);
context.stroke();
context.lineTo(86, 61);
context.stroke();
context.lineTo(83, 64);
context.stroke();
context.lineTo(81, 66);
context.stroke();
context.lineTo(78, 69);
context.stroke();
context.lineTo(75, 72);
context.stroke();
context.lineTo(73, 74);
context.stroke();
context.lineTo(73, 76);
context.stroke();
context.lineTo(72, 79);
context.stroke();
context.lineTo(71, 82);
context.stroke();
context.lineTo(71, 83);
context.stroke();
context.lineTo(71, 87);
context.stroke();
context.lineTo(70, 89);
context.stroke();
context.lineTo(70, 93);
context.stroke();
context.lineTo(70, 97);
context.stroke();
context.lineTo(71, 99);
context.stroke();
context.lineTo(71, 102);
context.stroke();
context.lineTo(74, 105);
context.stroke();
context.lineTo(75, 106);
context.stroke();
context.lineTo(77, 109);
context.stroke();
context.lineTo(80, 112);
context.stroke();
context.lineTo(83, 115);
context.stroke();
context.lineTo(85, 117);
context.stroke();
context.lineTo(88, 118);
context.stroke();
context.lineTo(93, 120);
context.stroke();
context.lineTo(98, 123);
context.stroke();
context.lineTo(102, 123);
context.stroke();
context.lineTo(107, 123);
context.stroke();
context.lineTo(110, 123);
context.stroke();
context.lineTo(114, 122);
context.stroke();
context.lineTo(119, 122);
context.stroke();
context.lineTo(123, 121);
context.stroke();
context.lineTo(128, 120);
context.stroke();
context.lineTo(131, 117);
context.stroke();
context.lineTo(133, 115);
context.stroke();
context.lineTo(134, 113);
context.stroke();
context.lineTo(135, 111);
context.stroke();
context.lineTo(136, 110);
context.stroke();
context.lineTo(136, 107);
context.stroke();
context.lineTo(136, 106);
context.stroke();
context.lineTo(136, 105);
context.stroke();
context.lineTo(136, 104);
context.stroke();
context.lineTo(134, 102);
context.stroke();
context.lineTo(131, 102);
context.stroke();
context.lineTo(128, 102);
context.stroke();
context.lineTo(124, 102);
context.stroke();
context.lineTo(122, 102);
context.stroke();
context.lineTo(117, 102);
context.stroke();
context.lineTo(113, 102);
context.stroke();
context.lineTo(111, 102);
context.stroke();
context.lineTo(106, 101);
context.stroke();
context.lineTo(103, 101);
context.stroke();
context.lineTo(101, 101);
context.stroke();
context.lineTo(98, 100);
context.stroke();
context.lineTo(96, 100);
context.stroke();
context.lineTo(93, 100);
context.stroke();
context.lineTo(89, 98);
context.stroke();
context.lineTo(86, 98);
context.stroke();
context.lineTo(83, 98);
context.stroke();
context.lineTo(82, 98);
context.stroke();
context.lineTo(81, 98);
context.stroke();
context.lineTo(78, 98);
context.stroke();
context.lineTo(77, 98);
context.stroke();
context.lineTo(77, 98);
context.stroke();
context.lineTo(77, 98);
context.stroke();
context.strokeStyle = '#29FF19';
context.beginPath();
context.moveTo(154, 54);
context.lineTo(154, 54);
context.stroke();
context.strokeStyle = '#29FF19';
context.beginPath();
context.moveTo(154, 54);
context.lineTo(154, 53);
context.stroke();
context.lineTo(155, 54);
context.stroke();
context.lineTo(156, 55);
context.stroke();
context.lineTo(156, 56);
context.stroke();
context.lineTo(157, 59);
context.stroke();
context.lineTo(157, 63);
context.stroke();
context.lineTo(159, 66);
context.stroke();
context.lineTo(160, 71);
context.stroke();
context.lineTo(161, 75);
context.stroke();
context.lineTo(161, 79);
context.stroke();
context.lineTo(161, 81);
context.stroke();
context.lineTo(162, 84);
context.stroke();
context.lineTo(162, 88);
context.stroke();
context.lineTo(162, 91);
context.stroke();
context.lineTo(162, 94);
context.stroke();
context.lineTo(162, 96);
context.stroke();
context.lineTo(162, 99);
context.stroke();
context.lineTo(162, 101);
context.stroke();
context.lineTo(162, 105);
context.stroke();
context.lineTo(162, 106);
context.stroke();
context.lineTo(162, 109);
context.stroke();
context.lineTo(162, 111);
context.stroke();
context.lineTo(162, 114);
context.stroke();
context.lineTo(162, 116);
context.stroke();
context.lineTo(162, 118);
context.stroke();
context.lineTo(162, 119);
context.stroke();
context.lineTo(162, 121);
context.stroke();
context.lineTo(162, 123);
context.stroke();
context.lineTo(162, 124);
context.stroke();
context.lineTo(162, 125);
context.stroke();
context.lineTo(162, 125);
context.stroke();
context.strokeStyle = '#29FF19';
context.beginPath();
context.moveTo(164, 85);
context.lineTo(165, 84);
context.stroke();
context.lineTo(166, 84);
context.stroke();
context.lineTo(168, 83);
context.stroke();
context.lineTo(172, 83);
context.stroke();
context.lineTo(175, 83);
context.stroke();
context.lineTo(183, 83);
context.stroke();
context.lineTo(187, 82);
context.stroke();
context.lineTo(191, 82);
context.stroke();
context.lineTo(195, 80);
context.stroke();
context.lineTo(196, 80);
context.stroke();
context.lineTo(198, 80);
context.stroke();
context.lineTo(199, 80);
context.stroke();
context.lineTo(199, 80);
context.stroke();
context.lineTo(199, 80);
context.stroke();
context.strokeStyle = '#29FF19';
context.beginPath();
context.moveTo(200, 50);
context.lineTo(200, 51);
context.stroke();
context.lineTo(200, 56);
context.stroke();
context.lineTo(200, 60);
context.stroke();
context.lineTo(200, 66);
context.stroke();
context.lineTo(200, 71);
context.stroke();
context.lineTo(200, 77);
context.stroke();
context.lineTo(200, 83);
context.stroke();
context.lineTo(200, 87);
context.stroke();
context.lineTo(200, 92);
context.stroke();
context.lineTo(198, 98);
context.stroke();
context.lineTo(197, 101);
context.stroke();
context.lineTo(197, 102);
context.stroke();
context.lineTo(197, 103);
context.stroke();
context.lineTo(197, 103);
context.stroke();
context.strokeStyle = '#174DFF';
context.beginPath();
context.moveTo(234, 57);
context.lineTo(234, 57);
context.stroke();
context.strokeStyle = '#174DFF';
context.beginPath();
context.moveTo(229, 54);
context.lineTo(228, 54);
context.stroke();
context.lineTo(225, 58);
context.stroke();
context.lineTo(222, 61);
context.stroke();
context.lineTo(218, 66);
context.stroke();
context.lineTo(216, 70);
context.stroke();
context.lineTo(214, 73);
context.stroke();
context.lineTo(211, 77);
context.stroke();
context.lineTo(208, 82);
context.stroke();
context.lineTo(207, 84);
context.stroke();
context.lineTo(206, 86);
context.stroke();
context.lineTo(204, 89);
context.stroke();
context.lineTo(204, 90);
context.stroke();
context.lineTo(204, 91);
context.stroke();
context.lineTo(204, 92);
context.stroke();
context.lineTo(204, 94);
context.stroke();
context.lineTo(204, 95);
context.stroke();
context.lineTo(204, 96);
context.stroke();
context.lineTo(204, 97);
context.stroke();
context.lineTo(204, 99);
context.stroke();
context.lineTo(204, 100);
context.stroke();
context.lineTo(204, 100);
context.stroke();
context.lineTo(203, 101);
context.stroke();
context.lineTo(203, 101);
context.stroke();
context.strokeStyle = '#174DFF';
context.beginPath();
context.moveTo(226, 52);
context.lineTo(229, 53);
context.stroke();
context.lineTo(231, 56);
context.stroke();
context.lineTo(232, 60);
context.stroke();
context.lineTo(235, 64);
context.stroke();
context.lineTo(237, 70);
context.stroke();
context.lineTo(240, 75);
context.stroke();
context.lineTo(242, 81);
context.stroke();
context.lineTo(244, 85);
context.stroke();
context.lineTo(245, 88);
context.stroke();
context.lineTo(246, 90);
context.stroke();
context.lineTo(247, 91);
context.stroke();
context.lineTo(250, 94);
context.stroke();
context.lineTo(250, 94);
context.stroke();
context.strokeStyle = '#174DFF';
context.beginPath();
context.moveTo(213, 74);
context.lineTo(214, 74);
context.stroke();
context.lineTo(218, 74);
context.stroke();
context.lineTo(223, 74);
context.stroke();
context.lineTo(229, 74);
context.stroke();
context.lineTo(233, 74);
context.stroke();
context.lineTo(240, 74);
context.stroke();
context.lineTo(246, 74);
context.stroke();
context.lineTo(248, 74);
context.stroke();
context.lineTo(249, 74);
context.stroke();
context.lineTo(249, 74);
context.stroke();
context.strokeStyle = '#FF7DBA';
context.beginPath();
context.moveTo(268, 52);
context.lineTo(268, 52);
context.stroke();
context.strokeStyle = '#FF7DBA';
context.beginPath();
context.moveTo(268, 52);
context.lineTo(269, 51);
context.stroke();
context.lineTo(270, 52);
context.stroke();
context.lineTo(270, 53);
context.stroke();
context.lineTo(270, 55);
context.stroke();
context.lineTo(271, 60);
context.stroke();
context.lineTo(273, 63);
context.stroke();
context.lineTo(273, 65);
context.stroke();
context.lineTo(273, 68);
context.stroke();
context.lineTo(273, 71);
context.stroke();
context.lineTo(273, 73);
context.stroke();
context.lineTo(273, 76);
context.stroke();
context.lineTo(273, 78);
context.stroke();
context.lineTo(273, 82);
context.stroke();
context.lineTo(273, 87);
context.stroke();
context.lineTo(273, 91);
context.stroke();
context.lineTo(272, 94);
context.stroke();
context.lineTo(272, 96);
context.stroke();
context.lineTo(272, 98);
context.stroke();
context.lineTo(272, 101);
context.stroke();
context.lineTo(271, 102);
context.stroke();
context.lineTo(271, 103);
context.stroke();
context.lineTo(271, 106);
context.stroke();
context.lineTo(271, 107);
context.stroke();
context.lineTo(271, 108);
context.stroke();
context.lineTo(271, 110);
context.stroke();
context.lineTo(271, 110);
context.stroke();
context.strokeStyle = '#FF7DBA';
context.beginPath();
context.moveTo(268, 47);
context.lineTo(268, 47);
context.stroke();
context.lineTo(270, 47);
context.stroke();
context.lineTo(271, 48);
context.stroke();
context.lineTo(272, 50);
context.stroke();
context.lineTo(273, 52);
context.stroke();
context.lineTo(277, 58);
context.stroke();
context.lineTo(278, 61);
context.stroke();
context.lineTo(279, 66);
context.stroke();
context.lineTo(281, 70);
context.stroke();
context.lineTo(283, 75);
context.stroke();
context.lineTo(283, 79);
context.stroke();
context.lineTo(286, 83);
context.stroke();
context.lineTo(286, 86);
context.stroke();
context.lineTo(288, 91);
context.stroke();
context.lineTo(288, 94);
context.stroke();
context.lineTo(289, 96);
context.stroke();
context.lineTo(289, 99);
context.stroke();
context.lineTo(291, 102);
context.stroke();
context.lineTo(292, 104);
context.stroke();
context.lineTo(294, 106);
context.stroke();
context.lineTo(296, 108);
context.stroke();
context.lineTo(296, 109);
context.stroke();
context.lineTo(297, 110);
context.stroke();
context.lineTo(298, 111);
context.stroke();
context.lineTo(299, 110);
context.stroke();
context.lineTo(299, 110);
context.stroke();
context.lineTo(301, 104);
context.stroke();
context.lineTo(302, 99);
context.stroke();
context.lineTo(303, 90);
context.stroke();
context.lineTo(303, 83);
context.stroke();
context.lineTo(304, 72);
context.stroke();
context.lineTo(304, 66);
context.stroke();
context.lineTo(304, 59);
context.stroke();
context.lineTo(304, 56);
context.stroke();
context.lineTo(304, 52);
context.stroke();
context.lineTo(304, 51);
context.stroke();
context.lineTo(304, 51);
context.stroke();
context.strokeStyle = '#AD1FFF';
context.beginPath();
context.moveTo(333, 57);
context.lineTo(333, 57);
context.stroke();
context.strokeStyle = '#AD1FFF';
context.beginPath();
context.moveTo(327, 53);
context.lineTo(327, 59);
context.stroke();
context.lineTo(327, 61);
context.stroke();
context.lineTo(327, 64);
context.stroke();
context.lineTo(327, 69);
context.stroke();
context.lineTo(327, 74);
context.stroke();
context.lineTo(327, 79);
context.stroke();
context.lineTo(327, 81);
context.stroke();
context.lineTo(327, 84);
context.stroke();
context.lineTo(327, 86);
context.stroke();
context.lineTo(327, 87);
context.stroke();
context.lineTo(329, 91);
context.stroke();
context.lineTo(329, 94);
context.stroke();
context.lineTo(329, 95);
context.stroke();
context.lineTo(329, 99);
context.stroke();
context.lineTo(329, 100);
context.stroke();
context.lineTo(329, 101);
context.stroke();
context.lineTo(329, 101);
context.stroke();
context.strokeStyle = '#AD1FFF';
context.beginPath();
context.moveTo(328, 59);
context.lineTo(330, 59);
context.stroke();
context.lineTo(334, 59);
context.stroke();
context.lineTo(343, 59);
context.stroke();
context.lineTo(350, 59);
context.stroke();
context.lineTo(357, 59);
context.stroke();
context.lineTo(361, 59);
context.stroke();
context.lineTo(364, 59);
context.stroke();
context.lineTo(365, 59);
context.stroke();
context.lineTo(367, 59);
context.stroke();
context.lineTo(370, 59);
context.stroke();
context.lineTo(372, 59);
context.stroke();
context.lineTo(372, 59);
context.stroke();
context.strokeStyle = '#AD1FFF';
context.beginPath();
context.moveTo(330, 81);
context.lineTo(330, 81);
context.stroke();
context.lineTo(334, 81);
context.stroke();
context.lineTo(336, 81);
context.stroke();
context.lineTo(341, 81);
context.stroke();
context.lineTo(346, 80);
context.stroke();
context.lineTo(349, 80);
context.stroke();
context.lineTo(350, 80);
context.stroke();
context.lineTo(351, 79);
context.stroke();
context.lineTo(351, 79);
context.stroke();
context.strokeStyle = '#AD1FFF';
context.beginPath();
context.moveTo(325, 87);
context.lineTo(326, 87);
context.stroke();
context.lineTo(326, 88);
context.stroke();
context.lineTo(326, 90);
context.stroke();
context.lineTo(326, 91);
context.stroke();
context.lineTo(326, 92);
context.stroke();
context.lineTo(326, 94);
context.stroke();
context.lineTo(326, 96);
context.stroke();
context.lineTo(326, 97);
context.stroke();
context.lineTo(326, 100);
context.stroke();
context.lineTo(326, 101);
context.stroke();
context.lineTo(326, 102);
context.stroke();
context.lineTo(326, 104);
context.stroke();
context.lineTo(326, 106);
context.stroke();
context.lineTo(326, 107);
context.stroke();
context.lineTo(326, 109);
context.stroke();
context.lineTo(326, 110);
context.stroke();
context.lineTo(326, 111);
context.stroke();
context.lineTo(325, 112);
context.stroke();
context.lineTo(324, 113);
context.stroke();
context.lineTo(324, 113);
context.stroke();
context.lineTo(324, 113);
context.stroke();
context.strokeStyle = '#AD1FFF';
context.beginPath();
context.moveTo(324, 113);
context.lineTo(324, 114);
context.stroke();
context.lineTo(325, 114);
context.stroke();
context.lineTo(328, 113);
context.stroke();
context.lineTo(330, 113);
context.stroke();
context.lineTo(334, 113);
context.stroke();
context.lineTo(339, 113);
context.stroke();
context.lineTo(345, 113);
context.stroke();
context.lineTo(350, 112);
context.stroke();
context.lineTo(354, 111);
context.stroke();
context.lineTo(358, 111);
context.stroke();
context.lineTo(362, 111);
context.stroke();
context.lineTo(365, 109);
context.stroke();
context.lineTo(365, 109);
context.stroke();
context.strokeStyle = '#AD1FFF';
context.beginPath();
context.moveTo(345, 82);
context.lineTo(345, 82);
context.stroke();
context.lineTo(347, 82);
context.stroke();
context.lineTo(349, 81);
context.stroke();
context.lineTo(350, 81);
context.stroke();
context.lineTo(353, 81);
context.stroke();
context.lineTo(355, 79);
context.stroke();
context.lineTo(357, 79);
context.stroke();
context.lineTo(357, 79);
context.stroke();
context.strokeStyle = '#FFEBF3';
context.beginPath();
context.moveTo(381, 55);
context.lineTo(381, 55);
context.stroke();
context.lineTo(382, 56);
context.stroke();
context.lineTo(382, 59);
context.stroke();
context.lineTo(382, 63);
context.stroke();
context.lineTo(382, 67);
context.stroke();
context.lineTo(382, 69);
context.stroke();
context.lineTo(381, 73);
context.stroke();
context.lineTo(381, 77);
context.stroke();
context.lineTo(380, 81);
context.stroke();
context.lineTo(379, 84);
context.stroke();
context.lineTo(379, 89);
context.stroke();
context.lineTo(376, 94);
context.stroke();
context.lineTo(376, 97);
context.stroke();
context.lineTo(375, 99);
context.stroke();
context.lineTo(374, 103);
context.stroke();
context.lineTo(374, 104);
context.stroke();
context.lineTo(374, 106);
context.stroke();
context.lineTo(372, 109);
context.stroke();
context.lineTo(372, 111);
context.stroke();
context.lineTo(372, 111);
context.stroke();
context.strokeStyle = '#FFEBF3';
context.beginPath();
context.moveTo(381, 58);
context.lineTo(382, 59);
context.stroke();
context.lineTo(383, 60);
context.stroke();
context.lineTo(384, 62);
context.stroke();
context.lineTo(384, 63);
context.stroke();
context.lineTo(384, 66);
context.stroke();
context.lineTo(386, 69);
context.stroke();
context.lineTo(386, 72);
context.stroke();
context.lineTo(387, 77);
context.stroke();
context.lineTo(387, 80);
context.stroke();
context.lineTo(387, 85);
context.stroke();
context.lineTo(388, 87);
context.stroke();
context.lineTo(388, 91);
context.stroke();
context.lineTo(389, 92);
context.stroke();
context.lineTo(390, 93);
context.stroke();
context.lineTo(390, 93);
context.stroke();
context.lineTo(392, 93);
context.stroke();
context.lineTo(395, 90);
context.stroke();
context.lineTo(398, 88);
context.stroke();
context.lineTo(402, 86);
context.stroke();
context.lineTo(406, 81);
context.stroke();
context.lineTo(410, 75);
context.stroke();
context.lineTo(413, 72);
context.stroke();
context.lineTo(416, 69);
context.stroke();
context.lineTo(418, 65);
context.stroke();
context.lineTo(420, 61);
context.stroke();
context.lineTo(421, 60);
context.stroke();
context.lineTo(422, 59);
context.stroke();
context.lineTo(422, 61);
context.stroke();
context.lineTo(422, 69);
context.stroke();
context.lineTo(422, 72);
context.stroke();
context.lineTo(422, 76);
context.stroke();
context.lineTo(422, 83);
context.stroke();
context.lineTo(422, 88);
context.stroke();
context.lineTo(422, 93);
context.stroke();
context.lineTo(422, 97);
context.stroke();
context.lineTo(422, 98);
context.stroke();
context.lineTo(422, 101);
context.stroke();
context.lineTo(422, 102);
context.stroke();
context.lineTo(422, 105);
context.stroke();
context.lineTo(422, 106);
context.stroke();
context.lineTo(422, 106);
context.stroke();
</script>
</body>
</html>