Frage Speichern von Bildern inkl. CSS Filter per JS / Canvas möglich?

[Kev95]

Hallo Zusammen,

mich würde interessieren ob es eine gute Lösung gibt mit deren Hilfe sich Bild inkl. deren CSS-Filter speichern lassen.
Ich habe also ein Bild und lege dort mit...

img {
   -webkit-filter: grayscale(100%) blur(1px) opacity(50%);
   width: 1200px;
}

... meinen Filter darauf. Jetzt würde ich das so modifizierte Bild gerne abspeichern können. Klickt man jetzt auf das Bild wird logischerweise die Originaldatei gespeichert. Bietet JS dafür eine Möglichkeit. Ein wenig mit Canvas expermientiert habe ich schon, aber das ist mir nicht geglückt. Auch weil das ganze hinsichtlich der Bild-Dimensionen flexibel beleiben soll.

VG,
Kevin

 

[B3nnoX]

Ich hatte mich neulich auch mal damit beschäftigt. Dabei bin ich auf folgendes gestoßen

http://camanjs.com/

Also mit den CSS Eigenschaften habe ich es nicht geschafft, dass Bild abzuspeichern. Weil es ja eben nicht das Bild manipuliert sondern nur die Ausgabe. Aber das hast du ja schon selbst gemerkt.
Ich kann auf jedenfall camanjs empfehlen, ansonsten müsstest du die Filter selbst schreiben.

http://www.html5rocks.com/en/tutorials/canvas/imagefilters/