Bildbearbeitung via PHP

[LiSA]Das Brot · 27. März 2017

Moin Jungs,
ich versuche gerade einige Abläufe in unserem Clan zu automatisieren, unter anderem muss unser Grafiker für jeden neuen Spieler den wir aufnehmen extra ein neues Trikot mit seinem Namen drauf erstellen, was sehr nervig ist.

Ich habe ein PHP-Script welches bereits Text auf ein vorhandenes Bild schreiben kann, allerdings möchte ich das ganze etwas dynamischer gestalten.
Mein bisheriger Code:

PHP

<?php
header ("Content-type: image/png"); 
$trikot = imagecreatefrompng("imgsource/trikotblank.png");  
$schwarz = ImageColorAllocate ($trikot, 0,0,0);     // Schriftfarbe
$gross = "4";        // Fontsize 
$randl = "3";        // Rand Links 
$rando = "3";        // Rand Oben 
$t1 = "Ju-Lee-an";            // Spielername
ImageString ($trikot, $gross, $randl, $rando, "$t1", $schwarz); 
ImagePNG ($trikot);  
?>

Alles anzeigen

Meine Frage nun, da ich ein absoluter PHP-Neuling bin; wie bekomme ich es hin, dass eine Form angezeigt wird, in der ich den Spielernamen welcher auf das Trikot geschrieben wird dynamisch anpassen kann?

Wäre über Hilfe sehr dankbar, googeln hat sich für mich als ungünstig erwiesen, da ich gerne auch verstehen würde wieso ich was tue.

Grüße

DasBrot

**TobyDarkh** · 27. März 2017

Entweder du übergibst es per Browser also als POST Variable oder du baust mlg HTML ein Forumlar und übergibst es an dein PHP Script.

IPrototypeI · 27. März 2017

Du kannst ja ein Link zu deiner php - Datei erstellen lassen, als parameter übergibst du einfach den Namen des Users

Ich hatte es damal sfolgend umgesetzt vom php Code, du musst jetzt nur noch den Link generieren lassen zu dem Bild:

Alternativ kannst du das Bild auch erstellen lassen auf deinem Webspace => problem ist das es sein kann das dein Webspace irgendwann mal voll ist, aber siehe dazu auch nach Avatargeneratoren, hier im Forum wurden bereits welche releast.

PHP

<?php
	if(!isset($_GET['text'])) {
		echo 'Error';
		exit;
	}
	$pic_name = $_GET['text'];
	$img = imagecreatefromjpeg ("../images/exampleAvatar.jpg");
	$text_color = imagecolorallocate($img, 255, 255, 255);					//	Schriftfarbe
	$font_file = "../fonts/OpenSans-Light.TTF"; 							//	Schriftart
	$font_size = 12; 														//	Schriftgröße
	$text_x = 10;															//	Pos X
	$text_y = 117;															//	Pos Y
	imagettftext($img, $font_size, 0, ImageTTFCenter($img,$_POST['text'],$font_file,$font_size), $text_y, $text_color, $font_file, $_POST['text']);	


	imagejpeg($img, '../images/user/'.$pic_name.'.jpg');
	imagedestroy($img);


	echo "https://$_SERVER[HTTP_HOST]/YRP/images/user/$pic_name.jpg";


	function ImageTTFCenter($image, $text, $font, $size, $angle = 0) 
	{
		$xi = imagesx($image);
		$box = imagettfbbox($size, $angle, $font, $text);
		$xr = abs(max($box[2], $box[4]));
		$x = intval(($xi - $xr) / 2);
		return $x;
	}	
?>

Alles anzeigen

[LiSA]Das Brot · 27. März 2017

Danke für eure Antworten!

Dein Code hilft mir auf jeden Fall schonmal weiter, allerdings habe ich vorher auch schon etwas eigenes versucht.,

Meine index.html des Ordners sieht so aus:

HTML

<!doctype html>
<head>
  <meta charset="utf-8">
  <title>Trikot-Generator</title>
</head>


<body>
	<form name="form" action="printer.php" method="post">
	<?php
		echo'<input type="text" name="nickname">';<br>
		echo'<input type="submit" name="senden" value="Erstellen">';
	?>
</form>
</body>
</html>

Alles anzeigen

Allerdings steht dort nur der Knopf und kein Textfeld auf der Seite, wenn ich sie aufrufe.

Hast du evtl. eine Idee wieso das so ist?

Was ich evtl. noch erwähnen sollte; das Tool soll nur von Admins benutzt werden, d.h. es muss nicht User-tauglich sein und es soll halt für jeden eingegebenen Usernamen immer ein neues Bild im Ordner erstellt werden, der Speicherplatz auf unserem Root ist "nahezu" unbegrenzt also macht das nichts aus

IPrototypeI · 27. März 2017

dann kannst du das imagedestroy bei mir entfernen und das echo auch.

Bei deinem Html code das brauchst du nicht zwingend als php datei machen und ausgeben. Aber setz mal das <br> in das echo mit rein sobald du ein php tag nutzst kannst du nicht innerhalb einfach html code verwenden

[LiSA]Das Brot · 27. März 2017

Habe ich jetzt gemacht.
Wenn ich dein Script ausführe zeigt er mir jetzt einen Error an, soweit auch verständlich weil das $_GET ja nicht durch irgendwas gefüllt wird.

Wie übergebe ich denn jetzt den Inhalt einer Form an das Script?

PHP ist echt nicht meine Stärke...

IPrototypeI · 27. März 2017

also entweder per url oder so wie du es gerade machst via POST siehe form-tag method. Du kannst ja damit mein skript aufrufen via $_POST kannst du auf die variablen zugreifen. Dann könntest du via echo den link ausgeben , was ich ja oben geschrieben hab den man entfernen könnte, aber in deinem Fall würde es glaub eher sinn machen den anzuzeigen

[LiSA]Das Brot · 27. März 2017

Ich hab mir das jetzt genauer angesehen und mich über die Methode informiert.
https://www.w3schools.com/TAGS…=tryhtml_form_method_post
Das Tutorial bzw. Beispiel hier verstehe ich auch, wenn ich mir den Quelltext der Zielseite ansehe verstehe ich leider nicht wie die in die Form eingegebenen Daten aufgerufen werden.

Kann mir das evtl. jemand erklären?

IPrototypeI · 27. März 2017

du gibst in deinem formular per attribut den namen bei dir nickname an und den value bzw wird dieser gesetzt

Beispiel du gibst in dein erstes input-feld Max Mustermann ein.
So würde folgendes key-value paar übergeben nickname: Max Mustermann
Zugrifd bei der post methode passiert über den key daher $_POST ['nickname']

[LiSA]Das Brot · 27. März 2017

Danke, habe ich mittlerweile auch verstanden

Beim Übergeben des Wertes passieren allerdings 2 Fehler, mir irgendwie unerklärlich.
Der Name wird mittlerweile über bildtext und nicht über nickname übergeben.
Der momentane Code:

PHP

<?php


if(!isset($_GET['bildtext'])) {
		echo 'Error';
		exit;
	}
	$pic_name = $_GET['bildtext'];
	$img = imagecreatefrompng ("imgsource/trikotblank.png");
	$text_color = imagecolorallocate($img, 255, 255, 255);					//	Schriftfarbe
	$font_file = "fonts/masque.TTF";							 //	Schriftart
	$font_size = 12;														 //	Schriftgröße
	$text_x = 10;															//	Pos X
	$text_y = 117;															//	Pos Y
	imagettftext($img, $font_size, 0, ImageTTFCenter($img,$_POST['bildtext'],$font_file,$font_size), $text_y, $text_color, $font_file, $_POST['bildtext']);	
	imagepng($img, 'images/user/'.$pic_name.'.png');
	//imagedestroy($img);
	//echo "https://$_SERVER[HTTP_HOST]trikotprinter/images/user/$pic_name.png";
	function ImageTTFCenter($image, $text, $font, $size, $angle = 0) 
	{
		$xi = imagesx($image);
		$box = imagettfbbox($size, $angle, $font, $text);
		$xr = abs(max($box[2], $box[4]));
		$x = intval(($xi - $xr) / 2);
		return $x;
	}	
?>

Alles anzeigen

Und die Fehler:

Code

Notice: Undefined index: bildtext in C:\xampp\htdocs\trikotprinter\trikotgen.php on line 14


Notice: Undefined index: bildtext in C:\xampp\htdocs\trikotprinter\trikotgen.php on line 14

Edit:

Wenn ich das $_POST zu $_GET umwandle, ist der Fehler weg, die Seite auf die ich geleitet werde aber auch leer, kann das was damit zutun haben?

IPrototypeI · 27. März 2017

dann hast du bei method nichts drin oder get stehen in deinem form - tag.

Wenn die seite leer ist dann sollte das bild erstellt worden sein daher hier den link ausgeben

[LiSA]Das Brot · 28. März 2017

Stimmt, das Bild wurde erstellt. Allerdings steht jetzt leider kein Text darauf...

Quelltext-Update mit Link Ausgabe sieht mittlerweile so aus:

PHP

<?php


	if(!isset($_GET["bildtext"])) {
		echo 'Error';
		exit;
	}
	$pic_name = $_GET["bildtext"];
	$img = imagecreatefrompng ("imgsource/trikotblank.png");
	$text_color = imagecolorallocate($img, 0, 0, 0);					//	Schriftfarbe
	$font_file = "fonts/masque.TTF";							 //	Schriftart
	$font_size = 125;														 //	Schriftgröße
	$text_x = 250;															//	Pos X
	$text_y = 250;															//	Pos Y
	imagettftext($img, $font_size, 0, ImageTTFCenter($img,$_POST["bildtext"],$font_file,$font_size), $text_y, $text_color, $font_file, $_POST["bildtext"]);	
	imagepng($img, 'images/user/'.$pic_name.'.png');
	//imagedestroy($img);
	echo "<a href='http://$_SERVER[HTTP_HOST]/trikotprinter/images/user/$pic_name.png'>Profilbild von $pic_name</a>";
	function ImageTTFCenter($image, $text, $font, $size, $angle = 0) 
	{
		$xi = imagesx($image);
		$box = imagettfbbox($size, $angle, $font, $text);
		$xr = abs(max($box[2], $box[4]));
		$x = intval(($xi - $xr) / 2);
		return $x;
	}	
?>

Alles anzeigen

Ich hab leider absolut keine Ahnung wieso das Bild nicht bearbeitet wird...
Habe übrigens auch keine Ahnung wieso der Link da oben so komsich mit einem @ Zeichen dargestellt wird

HTML ist so:

HTML

<html>
<body>
<form action="/trikotprinter/trikotgen.php" method="get">
    <label class="h2" form="text">Spielernamen eingeben</label><br>
    <input type="text" name="bildtext" id="bildtext"><br>
    <button type="reset">Eingaben zurücksetzen</button>
    <button type="submit">Eingaben absenden</button>
</form>
</body>
</html>

Edit: Problem gelöst, um es für die Nachwelt festzuhalten;
Man nimmt die Eingabe oben mit $_GET entgegen, also darf man in Zeile 14 nicht $_POST verwenden, sondern muss $_GET nehmen.

Bildbearbeitung via PHP

breadfish.de 12. März 2022

Ähnliche Themen

► ANGEBOT von LAZY | Grafik | Sponsoring | Programmierung: PS°HTML°PHP° etc.

Admin für Facebookseite +Bezahlung

Affinity Designer Empfehlenswert?

Suche ein SEHR Gutes Schneideprogramm

• [FREE DOWNLOAD] Typical Roleplay Style

breadfish.de 12. März 2022

Ähnliche Themen

►​ ANGEBOT von LAZY | Grafik | Sponsoring | Programmierung: PS°HTML°PHP° etc.

Admin für Facebookseite +Bezahlung

Affinity Designer Empfehlenswert?

Suche ein SEHR Gutes Schneideprogramm

• [FREE DOWNLOAD] Typical Roleplay Style

► ANGEBOT von LAZY | Grafik | Sponsoring | Programmierung: PS°HTML°PHP° etc.