[Basti]

Hallo.

Ich suche eine webbasierte Software auf der Basis von JavaScript und PHP, alternativ serverseitig auch Ruby, Python, Perl oder TCL mit folgender Aufgabe:

Auf einer Website kann für jede Seite ein eigenes „Seitenbild“ angelegt werden. Dieses muss nun aber vorher z.B. in Photoshop hinter eine Ebene gelegt werden und ausgeschnitten werden, da da eben noch „so ein Bogen“ oder sonst was über das Bild montiert werden muss.

Nun hätte ich gerne eine Web-Applikation, die folgendes kann:

Konfiguration:
- Ein PNG mit Alphakanal wird als Vordergrundebene definiert. Durch dieses Bild sind auch die Maße des Ziel-Bildes definiert.
- Ausgabeformat, ev. mit Kompressionsgrad.

Arbeitsablauf:
- Der Benutzer läd ein Bild hoch.
- Das Bild wird nun hinter dem Vordergrundbild angezeigt und entsprechend des Zielformates beschnitten.
- Der Benutzer kann das Bild nun ein- oder auszoomen und nach rechts, links, oben und unten verschieben.
- Per Klick auf einen Button kann sich der Benutzer das fertig montierte und zurechtgeschnittene Bild runterladen.

Zusatzfeatures:
- Automatische Skalierung beim ersten Anzeigen des Bildes auf Optimalgröße.
- Markierung, falls der Zoom-Wert über 100% liegt.
- Markierung, falls das Bild den Rahmen nicht ganz füllt.
- Festlegung der Hintergrundfarbe.
- Originalgröße-Button.
- Button für die Optimalgröße (möglichst vollständige Anzeige).
- ev. Button für Minimalgröße (Bild vollständig sichtbar).
- Button zur Zentrierung des Bildes bei gleichbleibendem Zoom-Wert.

Verständlich?

Mal zwei Beispiele:

http://dev.mysql.com/

Da ist oben ja so ein Bildwechsler mit drei Bildern drinnen. Als Beispiel soll hier nur das erste dienen: Hier würde das Vordergrundbild quasi die Fugen zwischen den Puzzeteilen und rechts das weiße Feld mit der Welle enthalten. Dann könnte man ein Bild hochladen und beliebig hinter dieser Puzzle-Ebene rumschieben.

http://www.cehca.org/

Hier wäre das Vordergrundbild nur ein großes transparentes Bild mit einem weißen Balken im unteren Drittel und dem Text „What's New“ darauf.

Ein Neuladen der Seite machts vielleicht deutlicher.

Kennt ihr da was oder hat jemand Lust, das mit mir auf Basis von jQuery und PHP zu entwickeln?

Liebe Grüße,
Bastian

[CIX88]

Ist ja Menge an Aufwand, der auf dich zukommen wird
Das Problem sehe ich (spontan) nur bei der Server-Leistung.
Bei ein- oder auszoomen, nach rechts, links, oben und unten verschieben, und das fertige Bild runterladen ... da fällt mit spontan Flash9 (neue Grafik-Funktionen) ein.

[Basti]

Nein, das ist keine große Sache. Das Bild wird einfach hinter dem anderen angezeigt und per JavaScript skaliert und verschoben. Das ist kein Act. Dann werden die fertigen Werte an den Server geschickt, das Bild skaliert, zugeschnitten und beide übereinanderkopiert.

Was hast du im Sinne, dass du da viel Aufwand und Server-Leistung sprichst?

Bastian

[CIX88]

Naja, mit JavaScript kannst du halt keine Bilder zusammensetzen und speichern.
Und das muss eben der Server übernehmen.

[Basti]

Zusammensetzen schon - optisch. Speichern nicht. Und auf dem Server muss dann ja eben nur das gemacht werden, wie beschrieben. Das Skalieren ist eine absolute Standard-Anforderung und das Zuschneiden sollte auch kein Problem sein und das montieren bezieht sich auf Bilder im Bereich von 250.000 Pixeln oder so.

Würde mich wundern, wenn es da Probleme geben sollte.

Bastian