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

[Taschmahal]

Guten Tag.

Ich schlage mich seit Tagen damit herum, weiß aber nicht ob das funktioniert:

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. Das JS soll dann dynamisch den Inhalt der Bilddatei erzeugen. geht soetwas?

Oder wie könnte man das lösen?

Vielen Dank schonmal!

[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

[Taschmahal]

Danke! Sowas hab ich gesucht, da werde ich mich mal reinlesen.

Nur manche Galerien wollen einen Bildupload. Das wirft meinen ganzen Plan durcheinander. Mist. Naja ich muss mal probieren die extern einzubinden.