Here is some javascript to create a base64 encoded image of the World Map, courtesy of Illyriad Developer blog with a bit of modification for canvas id (2nd page also has code to post to server). Thanks again Illyriad dev team.

http://www.illyriad.co.uk/blog/index.php/2011/09/fix-memory-leaks-animating-html5-canvas/" rel="nofollow - http://www.illyriad.co.uk/blog/index.php/2011/09/fix-memory-leaks-animating-html5-canvas/

var CachedCanvases = new Object(); // Canvas element cache

 

function CreateCanvasCached(name) {

    if (!CachedCanvases[name]) {

        var canvas = document.createElement('canvas');

        CachedCanvases[name] = canvas;

        return canvas;

    }

    return CachedCanvases[name];

};

function TakeScreenshot() {

    StopAnimating(); // Stop the animation loop

 

    var bufferScreenshot = CreateCanvasCached("Screenshot");

    bufferScreenshot.height = 500; bufferScreenshot.width = 500;

    var contextScreenshot = bufferScreenshot.getContext("2d");

    // Draw the layers in order

    contextScreenshot.drawImage(document.getElementById("mapTerrain"), 0, 0, 500, 500);

    contextScreenshot.drawImage(document.getElementById("mapSov"), 0, 0, 500, 500);

    contextScreenshot.drawImage(document.getElementById("mapCities"), 0, 0, 500, 500);

    contextScreenshot.drawImage(document.getElementById("mapAnims"), 0, 0, 500, 500);

 

    // Save to a data URL as a jpeg quality 9

    var imgUrl = bufferScreenshot.toDataURL("image/jpeg", .9);

 

    StartAnimating(); // Restart the animation loop

    return imgUrl;

}