Text verzerren?

[Daniel_Knecht]

Hallo,
ich wollt mal fragen ob es eine möglicheit gibt einen geschriebenen Text via Javascript oderso zu verzerren?

das ist ein Bild vom Text. Aber wenn die Statistiken sich ändern was ja eig. teilweise der fall ist müsste man ja immer wieder das Bild Editieren und neu Hochladen.
Gibt es da eine Lösung dafür das mit Javascript iwie zu regeln so das man den Text nur Normal in der php Datei schreiben braucht oder in einer Seperaten .txt-Datei?

 

[CronoS21]

AW: Text verzerren?

weiß nicht aber so wie ich das sehe hat der 2 bielder ein mal das bild und die stats denk mal der anderet das sedes mal um

 

[Daniel_Knecht]

AW: Text verzerren?

Der jenige bin ich

Ja ich ändere immer das Bild das stimmt. Habe aber schon mehrere Anfragen von Usern des Spieles bekommen ob ich das Script evtl. zum Download bereit stelle. Da gibts nur das Problem das 1. Nicht jeder Zeit & Lust hat das ganze Bild zu ändern (Öffnen/Bearbeiten/Speichern/Hochladen) und 2. nicht jeder ahnung in sachen Bildbearbeitung hat

Deshalb dachte ich da sman das irgendwie über Javascript etc. lösen kann.

 

[rodolfo4711]

AW: Text verzerren?

Hallo,

was spricht dagegen, das Bild als Hintergrund-Bild zu verwenden und den Text als Text anzuzeigen oder als transparentes Bild darüber?

 

[Trapila]

AW: Text verzerren?

Das Bild als Hintergrundbild verwenden und eine die Schrift drüberlegen ist finde ich auch die beste Lösung. Der Text hat dann aber evtl. keinen Effekt mehr. Verbessert aber die Lesbarkeit

 

[stroyer]

AW: Text verzerren?

Du könntest ein Bild von jedem Buchstaben und allen Zahlen von 0-9 machen und die dann in PHP (entweder nur nebeneinandersetzen oder als ein einziges Bild ausgeben) oder in JS entsprechend der Statistik zusammenfügen.

 

[beyoNd92]

AW: Text verzerren?

Sowas kannst du mit PHP machen..
du musst kucken obs geht hab Code bei google gefunden konnte ihn aber noch nicht Testen (bin nicht zu Hause).
Müsste aber Funktionieren.


<?php
header ("Content-type: image/png");
$im = @ImageCreate (50, 100)
or die ("Kann keinen neuen GD-Bild-Stream erzeugen");
$background_color = ImageColorAllocate ($im, 255, 255, 255);
$text_color = ImageColorAllocate ($im, 233, 14, 91);
ImageString ($im, 1, 5, 5, "Ein Test-String", $text_color);
ImagePNG ($im);
?>



quelle PHP: imagecreate - Manual





lg

 

[stroyer]

AW: Text verzerren?

Das ist sinnlos, weil dabei kann man weder den Schrifteffekt nachmachen noch spezielle 3D-Transformationen machen.

 

[Daniel_Knecht]

AW: Text verzerren?

Hallo, Danke für eure Antworten.
Ich wollte zwar nicht grad so eine Diskusion auslösen aber ok

Also kurz und knapp: Es geht nicht zu machen einen Text mit JS so zu verzerren das es so aussieht wie auf dem Bild?

 

[stroyer]

AW: Text verzerren?

Auf dem Bild ist er ja nicht unbedingt verzerrt.
Ich würde ein Bild machen, auf dem alle Buchstaben in gleichen Abständen oben sind. Das kannst du dann über JS so manipulieren, dass pro DIV, das das Bild als BG hat, ein bestimmter Buchstabe angezeigt wird.

Mit welchem Programm hast du die Schrift im Bild gemacht?

(Kurz und gut: Es gibt eine Möglichkeit!)

 

[Daniel_Knecht]

AW: Text verzerren?

Ich weiß nicht genau wie du das jetzt mit der Buchstaen meinst

Die Schrift habe ich mir mit Photoshop erstellt (Wegen dem Abgenutzen Effekt ).

 

[stroyer]

AW: Text verzerren?

Ich habe gemeint dass du ein PNG-Bild erstellst wo in der Schriftart folgender Text steht:

abcdefghijklmnopqrstuvwxyz0123456789%:.,ABCDEFGHIJKLMNOPQRSTUVWXYZ

In JS verwendest du pro Buchstabe ein DIV das immer den richtigen Bereich anzeigt.

Schick mir sonst die PS Datei vom Text und ich schreib dir ein Script dazu.

 

[beyoNd92]

AW: Text verzerren?

Ich dachte die Schrift sei einfach nur ein Font..... (also das sah schon so aus)
Weil du hättest dann können den Font angeben und dann hätte dir PHP das mit dem Font geschrieben.


lg

 

[Daniel_Knecht]

AW: Text verzerren?

Also ich hab auch noch 2 andere Fonts hier die man evtl. auch als Schriftart für die stats nehmen könnte.

Nur wie man direkt ne font einbaut das weiß ich nicht weil ich das noch nie gemacht habe mit externen fonts

 

[stroyer]

AW: Text verzerren?

Wenn du eine TTF hast, geht

ImageTTFText ($image, $size, $angle, $x, $y, $color, $fontfilename, $text);

wobei die Font eine .ttf sein muss.

 

[Daniel_Knecht]

AW: Text verzerren?

Wenn du eine TTF hast, geht

ImageTTFText ($image, $size, $angle, $x, $y, $color, $fontfilename, $text);

wobei die Font eine .ttf sein muss.

Was bedeuten genau die $ angaben? Also was die bedeuten sieht man ja aber was muss ich da eintragen?
Bei ImageTTFText muss denk ich mal der CSS Name (ID) hin oder?

 

[stroyer]

AW: Text verzerren?

Nein, das war PHP Code. Wenn geht es nur über PHP.
Wenn du kein PHP zur Verfügung hast ist die andere Alternative besser =>PM

 

[Daniel_Knecht]

AW: Text verzerren?

Nene PHP passt nur weiß ich grad nich wohin damit *rotwerd*

*** Ich hab ja 2PN´s hab ich garnet mitbekommen ***

 

[beyoNd92]

AW: Text verzerren?

Einfach dahin wo edein Altes Foto war statt <img src="basfdas.png">
einfach

<?php
ImageTTFText ($image, $size, $angle, $x, $y, $color, $fontfilename, $text);
?>

 

[stroyer]

AW: Text verzerren?

Nein so leicht geht das auch wieder nicht.

<?php
header ("Content-type: image/png");
$im = @ImageCreate (50, 100)
      or die ("Kann keinen neuen GD-Bild-Stream erzeugen");
$background_color = ImageColorAllocate ($im, 255, 255, 255);
$text_color = ImageColorAllocate ($im, 233, 14, 91);
ImageTTFText ($im, $size, $angle, $x, $y, $color, $fontfilename, $text);
ImagePNG ($im);
?>

Das in eine eigene PHP-Datei und die dann als src angeben.
Aber ich feile schon an einer JS-Lösung.

EDIT: Würde folgende Font reichen: