Moon Phases API (with pictures svg)

Function load_moon_phases

Use this function together with the code of the examples you want. Investigate later if you want.

This function (AJAX) gets the 'moon' object and sends it to the user-defined 'callback' function.

Output preferences are passed to the load_moon_phases function with an object.

Values that are accepted are marked in green.

var configMoon = { lang : 'en', // (*) month : new Date().getMonth() + 1, // 1 - 12 year : new Date().getFullYear(), // year size : 100, // "100%" - pixels lightColor : "#FFFF88", //CSS color shadeColor : "black", // CSS color texturize : false, // true - false }

(*) Languages available output API: en English ; es Español ; fr Française ; zh 中国 ; ru русский ; ca Català ; it Italiano ; pt Português ; de Deutsch ; pl Polski ;

Example 2 - Maximum phases of the month

Size adaptable to the container (try resizing the window).
Active texture.
Note: Some months may have only 3 maximum phases and others 5, in this case when the one that repeats is the "Full Moon", the last one is known as "Blue Moon".

See (edit) the example in Codepen.

Example 3 - The moon of the whole month.

Size adaptable to the container.
Active texture.
First day of the week Monday.
The value of the constant first_day_week_sunday (true or false) determines whether the first day of the week is Sunday or Monday. You can change it at the start of the javascript code.