Grafik erstellen aus mehreren Grafiken

Rulekeeper · 24.01.2008, 06:47

Hallo,

ich will eine Grafik erstellen, die der User vorher konfiguriert.
Dies sieht im Detail so aus:
Der User wählt Farbe, Form und ein paar Symbole aus. Die Symbole kann er per Drag&Drop positionieren.
Danach soll er auf speichern drücken und es soll daraus ein JPG entstehen.

Hat so etwas ähnliches schonmal jemand gemacht?
Kann mir jemand helfen?

Alternative zur serverseitigen Lösung per PHP wäre eine Lösung per JScript, nur wüsste ich nicht mal ansatzweise, wie man da von einem Teil des Bildschirmes einen Screenshot macht?

Please help.

CU
TS

squig · 24.01.2008, 08:48

Hola,

nur mal kurz auf dem Weg zwischen Bett und Dusche:
Kombination von JS und PHP, mittels JS Bild konfigurieren lassen, eine Art Vorschaufläche anzeigen (div oder so), in diesem eingeschränkten Feld Benutzer Symbole schieben lassen, Positionen der mittels Drag&Drop verteilten Symbole per JS auslesen (gibt da wohl Methoden für x- und y-Koordinanten), das ganze an PHP geschickt und durch ein Script gejagt. Voila.

Zugegeben nur ein grober Ansatz, aber vll hilft es ja.

Bis däääähne.

Rulekeeper · 24.01.2008, 09:27

ja genau das hab ich vor.
Nur Teile der Bilder sind auch noch transparent.

Hat das schonmal jemand gemacht?

Curanai · 24.01.2008, 09:49

@ squig: Nach Dusche und erstem Kaffee ... wenn Du mit Drag/Drop auf JS-Ebene unter Berücksichtigung der x/y Komponenten und der Darstellung wie Speicherung mittels PHP Erfahrung hast, dann bitte melden ... habe hier etwas "liegen" (schon länger), was gegen Bezahlung realisiert werden dürfte (nicht kompliziert, aber mir fehlt die Zeit).

@ Rulekeeper: Die Transparenz stört keinen ... musst das nur beim Öffnen des Bildes berücksichtigen!! (also wirklich als GIF öffnen) ... die Beschreibung von squig trifft es aber ziemlich genau ... so ist der Weg ...

Hilfe könnte JSQuery sein bzw. ein Drag/Drop Script von Walter Zorn ... wz_dragdrop.js hieß das glaube ich ... Google ist Dein Freund!!! (meiner nicht)

Rulekeeper · 24.01.2008, 10:34

ich hab das nun mit imagecopy probiert.
Fangen wir von vorne an:

Ich habe 4 Bilder. Jedes Bild hat transparente Teile im Bild.
Die Bilder sollen übereinander gelegt weren, so dass die nicht transparenten Teile sichtbar sind und die transparenten Teile die Bilder darunter durchscheinen lassen.
Das funzt aber mit imagecopy nicht, da hier einfach die transparenten Farbpunkte auf die anderen kopiert werden.

Lösung?

Rulekeeper · 24.01.2008, 11:13

mit ImageCopyMerge geht es

squig · 24.01.2008, 11:50

@Curanai: Muss gestehen, dass ich mit sowas noch keine Erfahrung habe, eben nur eine Vorstellung, wie es sich realisieren lassen könnte. Können uns da gerne nochmal in Ruhe unterhalten, muss aber vorher den Abgabetermin meiner Diplomarbeit halten *panik*

Bis dääähne.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
TinyMCE Editor mit GD Grafik	rezix	PHP Tipps 2008	8	18.12.2007 22:46
grafik zweimal resizen und hochladen	$$$ ThiKool $$$	PHP Tipps 2007	10	01.04.2007 01:05
[Erledigt] Grafik in Scheiben schneiden		PHP Tipps 2006	6	02.05.2006 18:23
Text und Grafik zentriert in einer Zeile	php_frage	HTML, Usability und Barrierefreiheit	5	26.04.2006 12:48
Grafik drucken		PHP Tipps 2006	13	24.02.2006 23:48
Grafik über mehrere Zellen einer Tabelle	neodrei	HTML, Usability und Barrierefreiheit	9	18.08.2005 19:26
Frage zu Grafik	2wuck	PHP-Fortgeschrittene	5	23.05.2005 21:06
Grafik erstellen		PHP Tipps 2005	28	19.05.2005 07:55
Stammbaum erstellen	Riot	PHP Tipps 2005	17	13.05.2005 16:32
grafik für kleine homepage		Beitragsarchiv	9	11.11.2004 13:26
elektr. Fragebögen erstellen		Beitragsarchiv	4	27.10.2004 12:57
Grafik erstellen		PHP Tipps 2004	8	12.09.2004 20:13
Textgrafik aus String erstellen	Schaelle	PHP Tipps 2004	2	08.08.2004 11:29
Ordner per Skript erstellen --> Rechte Problem		PHP Tipps 2004	2	06.07.2004 14:19
Grafik in Grafik einfügen	Filewalker	PHP Tipps 2004	3	20.06.2004 14:04

24.01.2008, 06:47
Rulekeeper Neuer Benutzer Registriert seit: 19.02.2007 Beiträge: 4	Grafik erstellen aus mehreren Grafiken Hallo, ich will eine Grafik erstellen, die der User vorher konfiguriert. Dies sieht im Detail so aus: Der User wählt Farbe, Form und ein paar Symbole aus. Die Symbole kann er per Drag&Drop positionieren. Danach soll er auf speichern drücken und es soll daraus ein JPG entstehen. Hat so etwas ähnliches schonmal jemand gemacht? Kann mir jemand helfen? Alternative zur serverseitigen Lösung per PHP wäre eine Lösung per JScript, nur wüsste ich nicht mal ansatzweise, wie man da von einem Teil des Bildschirmes einen Screenshot macht? Please help. CU TS


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

24.01.2008, 08:48
squig Erfahrener Benutzer Registriert seit: 17.06.2008 Beiträge: 125	Hola, nur mal kurz auf dem Weg zwischen Bett und Dusche: Kombination von JS und PHP, mittels JS Bild konfigurieren lassen, eine Art Vorschaufläche anzeigen (div oder so), in diesem eingeschränkten Feld Benutzer Symbole schieben lassen, Positionen der mittels Drag&Drop verteilten Symbole per JS auslesen (gibt da wohl Methoden für x- und y-Koordinanten), das ganze an PHP geschickt und durch ein Script gejagt. Voila. Zugegeben nur ein grober Ansatz, aber vll hilft es ja. Bis däääähne.

24.01.2008, 09:27
Rulekeeper Neuer Benutzer Registriert seit: 19.02.2007 Beiträge: 4	ja genau das hab ich vor. Nur Teile der Bilder sind auch noch transparent. Hat das schonmal jemand gemacht?

24.01.2008, 09:49
Curanai Erfahrener Benutzer Registriert seit: 13.05.2006 Beiträge: 466	@ squig: Nach Dusche und erstem Kaffee ... wenn Du mit Drag/Drop auf JS-Ebene unter Berücksichtigung der x/y Komponenten und der Darstellung wie Speicherung mittels PHP Erfahrung hast, dann bitte melden ... habe hier etwas "liegen" (schon länger), was gegen Bezahlung realisiert werden dürfte (nicht kompliziert, aber mir fehlt die Zeit). @ Rulekeeper: Die Transparenz stört keinen ... musst das nur beim Öffnen des Bildes berücksichtigen!! (also wirklich als GIF öffnen) ... die Beschreibung von squig trifft es aber ziemlich genau ... so ist der Weg ... Hilfe könnte JSQuery sein bzw. ein Drag/Drop Script von Walter Zorn ... wz_dragdrop.js hieß das glaube ich ... Google ist Dein Freund!!! (meiner nicht) __________________ Manche Menschen sind wie Schnitzel - nicht zäh, aber beidseitig bekloppt!

24.01.2008, 10:34
Rulekeeper Neuer Benutzer Registriert seit: 19.02.2007 Beiträge: 4	ich hab das nun mit imagecopy probiert. Fangen wir von vorne an: Ich habe 4 Bilder. Jedes Bild hat transparente Teile im Bild. Die Bilder sollen übereinander gelegt weren, so dass die nicht transparenten Teile sichtbar sind und die transparenten Teile die Bilder darunter durchscheinen lassen. Das funzt aber mit imagecopy nicht, da hier einfach die transparenten Farbpunkte auf die anderen kopiert werden. Lösung?

24.01.2008, 11:13
Rulekeeper Neuer Benutzer Registriert seit: 19.02.2007 Beiträge: 4	mit ImageCopyMerge geht es

24.01.2008, 11:50
squig Erfahrener Benutzer Registriert seit: 17.06.2008 Beiträge: 125	@Curanai: Muss gestehen, dass ich mit sowas noch keine Erfahrung habe, eben nur eine Vorstellung, wie es sich realisieren lassen könnte. Können uns da gerne nochmal in Ruhe unterhalten, muss aber vorher den Abgabetermin meiner Diplomarbeit halten panik Bis dääähne.