Función para guardar una imágen png

[elcaiaimar]

Hola amigos, estoy trabajando en un visor, tipo google maps (con OpenLayers 3), y le he incorporado varios botones con funciones javascript. Ahora estoy intentando hacer otro botón con una función que permita descargarme la imagen que se muestra en el visor en formato png pero tras muchos intentos aún no lo he conseguido.

Alguien podría y sabría ayudarme?

Muchas gracias!

[Panino5001]

En la documentación de openLayers te dice cómo: http://openlayers.org/en/v3.0.0/examples/export-map.js

Igualmente, considerando que se trata de canvas, sólo se trata de invocar el método toDataURL:

Código:

canvas.toDataURL('image/png');

[elcaiaimar]

He estado calentándome la cabeza y debo estar muy cerca de conseguirlo, pero nada, no sale.
Dejo aquí mi código por si a alguien se le ocurre como hacerlo funcionar:

button.addEventListener('click', function() {
map.once('postcompose', function(event) {
var canvas = event.context.canvas;
href = canvas.toDataURL('image/png');
});
map.renderSync();
}, false);

No se si tendrá que ver, pero si el botón esta fuera del mapa si que funciona, pero al ponerlo dentro no...

Un saludo