Wie kann ich die als Bild generierte Leinwand heatmap.js speichern?Wie kann ich die Bilddatei speichern, die vom Canvas-Tag mit heatmap.js generiert wurde?
Ich habe mit ToDataURL() getestet, aber ich kann nicht.
Auf Server speichern.
Was ist das Problem?
var heatmap1 = h337.create({"element":document.getElementById("heatmapArea"), "radius":25, "visible":true});
var url = heatmap1.get("canvas").toDataURL();
schien
Als garmur here gut zu funktionieren kommentiert, können Sie nur die Daten-URL für ein img Element als Quelle gesetzt, zum Beispiel wie folgt aus:
//assume you have the data URL in variable "url"
document.getElementById("myImage").src=url;
mit ein HTML-Tag wie folgt:
<img id="myImage"></img>
Dann die imag e enthält eine (zumindest in Chrome) PNG-Version von dem, was zum Zeitpunkt der Daten-URL-Generierung auf der canvas war.
Als eine Randnotiz: Sie sind eigentlich data URI 's und nicht URLs, aber die JavaScript-Funktion ist eigentlich .toDataURL(). Seltsames Zeug.
Wie kann ich das Bild auf dem Server speichern? – Bcl00
Bitte erklären Sie, wie meinst du "Bild auf dem Server speichern"? Meinst du es an den Server senden, damit das Bild verarbeitet wird? Ich werde dir damit nicht helfen können. Bitte schauen Sie [this] (http://stackoverflow.com/questions/5957382/how-to-save-a-html5-canvas-todaturl-string-as-a-png-on-a-php-backend?rq = 1) Frage, vielleicht wird es dir helfen, vielleicht wird es nicht. Richten Sie bitte eine separate Frage ein, falls nicht. – tomsmeding
Der Beitrag ist unvollständig .... Fehler beim Abschließen des Schlüsselcodes. – Bcl00
Aber wie bekomme ich das Bild? – Bcl00
Die URL ist eine "data: url" base64-codierte Zeichenfolge, die ein Bild darstellt. Sie können diese Zeichenfolge auf Ihren Server hochladen und eine php-Funktion verwenden, um base64 in eine Image-Datei zu konvertieren. –
So viel wie ich es versuche ... Ich scheitere, wenn undefined Funktion ... – Bcl00