Spiegelverkehrt schreiben

Hausmeister

Hallo!
Ich bin gerade dabei einen bekannten von mir zu helfen eine Internetseite zu bauen. Er stellt aufkleber her und will das man diese übers Internet gestalten kann. Die Internetseite soweit ist fertig nur stehen wir an dem Punkt, wo man einen Schriftzug Spiegelverkehrt schreiben muss... bzw. man klickt eine Checkbox an und dann soll der oben angezeigte Schriftzug Spiegelverkehrt geschrieben werden.

Als erstes hatte ich die Idee mit der PHP strrev(); Funktion zu arbeiten, aber das ist ja totaler Quatsch, da die Buchstaben ja nur in falscher Reihenfolge ausgegeben werden und nicht spiegelverkehrt.

Weiss jemand eine Lösung? Es geht eigentlich nur darum eine Variable ($text) spiegelverkehrt zu schreiben. Mir persönlich ist das ein riesen Rätsel und mein Freund Google kann mir auch nicht mehr dazu sagen... [Blockierte Grafik: http://mygully.com/image/mygulli/smilies/crybaby.gif]

Ist es vielleicht über Javascript möglich? Nur davon habe ich leider keine große Ahnung, ich verstehe mich nur mit PHP...
Ich habe auch schon bei der Konkurrenz nachgeschaut und die lösen das alles über die Imagefunktion. Das habe ich auch schon versucht bloß komme ich dann bis zu dem Punkt, wo ich sage welche Farbe das Bild haben soll, denn man muss ja in dem die RGB Farben eintragen, aber ich habe die Farbe in einer einzigen Variable ($farbe) gespeichert...

Ich hoffe es gibt eine Lösung per Javascript bei der mir jemand helfen kann?

MfG und vielen Dank im voraus!

Bandit

Zitat von Hausmeister

mein Freund Google kann mir auch nicht mehr dazu sagen..

Zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzhhhhhhhhhhhhhhh

Eine Minute gesucht und Bingo: http://psoug.org/snippet/Javasc…de-Down_904.htm

Hausmeister

Super danke!
Ich habs echt nicht gefunden...

Aber nun habe ich immernoch das Problem, dass ich nicht weiß wie und wo ich da meine Variable reinsetzen kann... Ich kenne mich leider gar nicht mit Javascript aus

Bandit

Das Script lässt sich relativ leicht auch in PHP umschreiben. Für jemanden mit PHP-Kenntnissen sollte das kein Problem darstellen

Hausmeister

dann habe ich wohl leider nicht genug Kentnisse

Aber mal rein von der Logik her würde es doch reichen wenn ich die flip.js davon nehme und die irgendwie einbaue oder?
Nur wie?

- - - Aktualisiert - - -

Ah Mist! Ich habe gerade bemerkt, dass das gar nicht die Lösung ist die ich brauche.

Das Programm schreibt es mir ja nur auf den Kopf gestellt. Ich brauche es aber so, das er es so schreibt, dass man es von hinten lesen könnte.
Gibts dafür überhaupt eine Lösung?

Bandit

Nee, nee, nee! Du hast anscheinend nicht nur keine JavaScript- und PHP-Kenntnisse, du kannst anscheinend auch keinen HTML-Code richtig lesen. Auf dieser Seite hast du in dem Quellcode eigentlich drei Dateien. Eine HTML-Datei mit beliebigem Namen, eine style.css und eine flip.js. Wenn du dir jetzt mal den HTML-Code ansiehst, dann sollte dir diese Zeile auffallen:

Code

<input type="button" value="Flip Text" onClick="flip()">

Wenn man nur ganz geringe Kenntnisse mit PHP/JavaScript hat, kann man trotzdem

Code

onClick="flip()"

erkennen und ahnen, was da passiert, wenn man auf den Button klickt!!!

Zitat von Hausmeister

Ich brauche es aber so, das er es so schreibt, dass man es von hinten lesen könnte.
Gibts dafür überhaupt eine Lösung?

Ja! Ich würd's in PHP umschreiben.

Hausmeister

ja natürlich habe ich das gesehen und auch alles bei mir nun zum laufen gebracht, aber trotzdem hilft mir das nicht weiter, da ich seitwärts spiegelverkeht schreiben muss und nicht verkehrt herrum...

Bandit

Eine weitere Alternative mit PHP:

Erstelle eine leere Grafik, auf die du den Text schreibst und dann die Grafik rotierst.

- - - Aktualisiert - - -

PHP-Lösung

PHP

<?php
  function getTypographicHeights ($pFont, $pSize) 
  {
    $bBox = imagettfbbox($pSize, 0, $pFont, "x");
    $xLine = $bBox[1] - $bBox[7];
    $bBox = imagettfbbox($pSize, 0, $pFont, "p");
    $pLine = $xLine - $bBox[1] + $bBox[7];
    $bBox = imagettfbbox($pSize, 0, $pFont, "k");
    $kLine = $bBox[1] - $bBox[7];
    $bBox = imagettfbbox($pSize, 0, $pFont, "H");
    $hLine = $bBox[1] - $bBox[7];
    $bBox = imagettfbbox($pSize, 0, $pFont, "ÁÂÃÄÅAC");
    $accLine = $bBox[1] - $bBox[7];
    return array($pLine, 0, $xLine, $hLine, $kLine, $accLine);
  }
  function getKerningOffset ($pFont, $pSize, $pText) 
  {
    $bBox = imagettfbbox($pSize, 0, $pFont, "  ");
    $sWidth = $bBox[2] - $bBox[0];
    $bBox = imagettfbbox($pSize, 0, $pFont, "  " . $pText);
    $width = $bBox[2] - $bBox[0] - $sWidth;
    $bBox = imagettfbbox($pSize, 0, $pFont, $pText);
    $kerning = $bBox[2] - $bBox[0] - $width;
    return $kerning;
  }


  $rotate = true;
 
  if (isset($_GET['text']))
  {
     $text = strrev($_GET['text']);
  }
  else
  {
    $rotate = false;
    $text = "Error, kein Text vorhanden";
  } 


  $font = './arialn.ttf';
  $size = 12;


  $bBox = imagettfbbox($size, 0, $font, $text);
  $lines = getTypographicHeights($font, $size);
  $kerning = getKerningOffset($font, $size, $text);
  $accentLine = $lines[5];
  $pLine = $lines[0];
  $img = imagecreatetruecolor($bBox[2] - $bBox[0], $accentLine - $pLine);
  $backgnd = imagecolorallocate($img, 255,255,255);
  $color = imagecolorallocate($img, 0, 0, 0);


  imagefill($img, 0, 0, $backgnd);
  imagettftext($img, $size, 0, $kerning, $accentLine, $color, $font, $text);


  if ($rotate)
  {
    $image = imagerotate($img, 180, 0);
    imagedestroy($img);
  }
  else
     $image = $img;


  // Output to browser
  header('Content-Type: image/png');
  imagepng($image);
?>

Alles anzeigen

Im HTML-Code:

Code

<img src='script.php?text=Turnbeutelvergesser'>

Da ich mich nicht mit fremden Federn schmücken möchte, die Funktionen getTypographicHeights und getKerningOffset, die die Ungenauigkeiten von imagettfbbox ausgleichen, stammen nicht von mir, die habe ich von dieser Seite: http://amicanoctis.de/stuff/imagettfbbox/

Hausmeister

Die Grafiklösung an sich ist ne geile Sache. Hab mich damit jetzt mal beschäftig, aber ich bekomm folgende Fehlermeldung raus: Grafik kann nicht angezeigt werden, weil sie Fehler enthält.

Hab mir da auch schon einiges durchgelesen mit der GD Lib. und bei mir in der php.ini ist die gd_lib2 aktiviert. Also da ist jedenfals kein Semikolon vor, aber es geht irgendwie nicht...

Das ist doch bestimmt nur eine Kleinigkeit, weswegen die Fehlermeldung kommt? -.-

Bandit

Du hast die TrueTypeFont-Datei ins das entsprechnde Verzeichnis kopiert?

7even

http://www.irt.org/articles/js139/#Flip (nur IE und nicht CSS valide!)

Reflection mittels CSS: unicode-bidi

Bandit

Zitat von 7even

nur IE und nicht CSS valide!

Und was soll man damit? Ist doch Käse!

7even

Du bist auch nur am meckern oder? Da vergeht ja einem direkt wieder die Lust, hier irgend etwas zu posten -.-
Das sollte ein Denkanstoß sein, deswegen hab ich es extra dazu geschrieben...
Trotz Forum-Guru den Sinn von einem Forum wohl nicht so ganz verstanden, mhm?

Bandit

Also bitte! Was nutzt eine Funktion, die nur im IE zu gebrauchen ist? Das ist doch nun wirklich keine sinnvolle Hilfe und darauf wird man doch wohl hinweisen dürfen!

7even

Er soll es nicht nutzen, sondern es sollte vielmehr ein Hinweis sein, dass es generell möglich ist. Deswegen habe ich den Hinweis hinzugeschrieben, dass es nur IE-tauglich und nicht CSS-valide ist.
Sonst hätte ich auch schreiben können

Zitat

http://www.irt.org/articles/js139/#Flip versuch's doch mal damit

aber egal, hätten wir ja nun geklärt. Nichts für ungut und b2t

Hausmeister

Also vielen Dank für eure Hilfe!
Aber ich glaube es gibt einfach keine perfekte Lösung dafür habe ich das Gefühl...

Habt ihr denn eine Idee weswegen das mit der Imagefunktion bei mir nicht klappt? Kann ich euch irgendwelche Infos geben die vielleicht zur Problemfindung helfen?

synaptic

Zitat

Published on: Thursday 17th December 1998

geiler tipp...

hausi haste die ttf gecheckt wie bandit meinte?

Hausmeister

Also ich habe die Schriftarten mittels CSS (@font-face) eingefügt. Das klappt wunderbar. Bloß halt das seitwärts spiegelverkehrt schreiben ist das problem.

Die Image Funktion erzeugt bei mir leider keinerlei Bilder... Das muss irgendwie eine Einstellungssache sein...

Bandit

Rufe das Script mal direkt auf, also http://www.deinedomain.de/script.php Dann müsste die eine Grafik mit dem Text Error angezeigt werden.

Zitat von Hausmeister

Die Image Funktion erzeugt bei mir leider keinerlei Bilder... Das muss irgendwie eine Einstellungssache sein...

Nochmal: Hast du die TrueTypeFont-Datei in das Verzeichnis kopiert?? In meinem Beispiel muss eine arialn.ttf indem Verzeichnis sein!

Erstelle diese Datei:

PHP

<?php
   phpinfo();
?>

und das Script von mir auf deinen Server und poste beide Links dazu

Hausmeister

Ich habe jetzt testweise mal die ttf's in mein verzeichniss kopiert, aber es kommt immernoch die Fehlermeldung. Derzeit arbeite ich noch lokal, kann es daran liegen?

Und von dem Server wo die Seite nachher rauf soll weiß ich leider nur das der Server von 1&1 ist
Habe dummerweise keine weiteren Infos über den Server...

Spiegelverkehrt schreiben

Tags

Benutzer online in diesem Thema