¿Cómo puedo guardar el lienzo heatmap.js generado como imagen?¿Cómo puedo guardar el archivo de imagen generado por la etiqueta canvas con heatmap.js?
He estado probando con toDataURL(), pero no puedo.
Ahorre en el servidor.
¿Cuál es el problema?
var heatmap1 = h337.create({"element":document.getElementById("heatmapArea"), "radius":25, "visible":true});
var url = heatmap1.get("canvas").toDataURL();
parecía funcionar muy bien
Como garmur comentó here, puede simplemente poner la URL de datos como la fuente para un elemento img, por ejemplo como este:
//assume you have the data URL in variable "url"
document.getElementById("myImage").src=url;
con una Etiqueta HTML como esta:
<img id="myImage"></img>
Luego la imag e contendrá una versión PNG (al menos en Chrome) de lo que estaba en el canvas en el momento de la generación de la URL de datos.
Como nota al margen: en realidad se llaman data URI y no URL, pero la función javascript es en realidad .toDataURL(). Cosas extrañas.
¿Cómo puedo guardar la imagen en el servidor? – Bcl00
Explique, ¿qué quiere decir "guardar imagen en el servidor"? ¿Quiere decir enviarlo al servidor para que procese la imagen? No podré ayudarte con eso. Mire [esto] (http://stackoverflow.com/questions/5957382/how-to-save-a-html5-canvas-todataurl-string-as-a-png-on-a-php-backend?rq = 1) pregunta, tal vez te ayude, tal vez no lo haga. Establezca una pregunta por separado si no es así. – tomsmeding
La publicación está incompleta ... error al completar el código de la llave. – Bcl00
Pero, ¿cómo me sale la foto? – Bcl00
la url es una cadena 'data: url' base64 que representa una imagen. Puede cargar esa cadena en su servidor y usar una función php para convertir el base64 en un archivo de imagen. –
Tanto como lo intento ... fallo, si la función no está definida ... – Bcl00