JS/ Canvas in *.png oder *.jpg ausgeben

[ChrisB]

Hi,

Ich habe eine Javascript Datei, die durch Canvas das aktuelle Datum anzeigt. Das funktioniert soweit einwandfrei.

Nun möchte ich das jedoch als Bild in eine Galerie einbinden und dazu brauche ich ein *.jpg, *.png oder etwas ähnliches, was tatsächlich auf dem Server liegt.

Wirklich? Ich denke, die Bildquelle als data-URI anzugeben, sollte vermutlich auch funktionieren.

Das JS soll dann dynamisch den Inhalt der Bilddatei erzeugen. geht soetwas?

Das Canvas-Element besitzt eine Methode toDataURL, mit der du dir den Canvas-Bildinhalt im erwähnten Format holen kannst.

Beides kombinieren – client-seitig das Canvas-Element „bemalen“, dann die Daten auslesen und einem Bild als Quelle zuweisen – das sollte ausreichen, um es anschließend in einer Bildergallerie darstelen zu können.

MfG ChrisB