Text verzerren?

[beyoNd92]

AW: Text verzerren?

Da sind aber auch die Variablen nicht gesetzt^^ wie $x ode $y



@daniel

also die Dinger mit dem $ davor sind Variablen die Text oder Zahlenwerte enthlalten können, diese müssen gesetzt werden damit es funktionieren.

so musste es gehen
<?php
// Set the content-type

header('Content-type: image/png');

// Create the image
$im = imagecreatetruecolor(175, 15);
imagesavealpha($im, true);

// Create some colors
$white = imagecolorallocate($im, 255, 255, 255);
$grey = imagecolorallocate($im, 128, 128, 128);
$black = imagecolorallocate($im, 0, 0, 0);
imagefilledrectangle($im, 0, 0, 150, 25, $black);
$trans_colour = imagecolorallocatealpha($im, 0, 0, 0, 127);
imagefill($im, 0, 0, $trans_colour);

// The text to draw
$text = "DEIN TEXT";
// Replace path by your own font path
$font = 'DEINFONT.TTF';

// Add some shadow to the text
imagettftext($im, 9, 0, 13, 16, $black, $font, $text);

// Add the text
imagettftext($im, 9, 0, 12, 15, $white, $font, $text);

// Using imagepng() results in clearer text compared with imagejpeg()
imagepng($im);
imagedestroy($im);
?>

 

[Daniel_Knecht]

AW: Text verzerren?

AHa Also wenn ich da jetzt bei $text = "DEIN TEXT"; einen Text eingebe schreibt der da smit den Buchstaben aus der font 2Beiträge weiter oden?

Edit: Da fehlen die Zahlen

 

[cebito]

AW: Text verzerren?

Aber ich feile schon an einer JS-Lösung.

Die gibts schon

 

[stroyer]

AW: Text verzerren?

Dazu muss aber noch $font = 'DEINFONT.TTF'; auf die richtige Datei hinweisen.

Edit: @cebito:
Internal Server Error

Habs dank Google Cache doch gefunden. Aber die Font brauchts noch (mach ich grad)

 

[Daniel_Knecht]

AW: Text verzerren?

Also brauch ich eig. garnich das Bild von dir oder? Denn wenn ich die TTF angeben muss wo muss dann das Bild hin?

 

[cebito]

AW: Text verzerren?

Edit: @cebito:
Internal Server Error

Scheint aber schon wieder behoben...

@Daniel - schau dir mal den Link an, ist super einfach und danach brauchst du nur noch deine Texte schreiben...

 

[beyoNd92]

AW: Text verzerren?

Du musst dein Font auf deinen Webspace hochladen und dann den Pfad angeben wenn im selben Ordner dann nur NameDesFonts.ttf

dann müsste es gehen

lg

 

[Daniel_Knecht]

AW: Text verzerren?

Jetzt macht ihr mich aber ganz Wild Was von den beiden soll ich nun nehmen?

 

[stroyer]

AW: Text verzerren?

Eher die zweite JS Lösung

 

[cebito]

AW: Text verzerren?

Jetzt macht ihr mich aber ganz Wild Was von den beiden soll ich nun nehmen?

Das will keiner und die Entscheidung bleibt dir überlassen. Aber ich würde zu Typeface tendieren...

 

[Daniel_Knecht]

AW: Text verzerren?

Hm... Die Dateien in der JS kann ich alle nicht öffnen!?

 

[stroyer]

AW: Text verzerren?

Das Problem ist beide Varianten gehen nur mit ttf-Dateien, in denen der Buchstabe nur durch die Kontur als Spline definiert ist; somit fehlt der Dreck über der Schrift.
Ich bin beim Zerschnippseln gerade bei den Großbuchstaben.

 

[Daniel_Knecht]

AW: Text verzerren?

Sorry für Doppelpost aber der Editbutton will grad nich so wie er soll.

Hab da sjetzt gemacht:
In der stats.php:

<!-- Stylesheets -->
	<link rel="stylesheet" type="text/css" href="theme.css" />
    <link rel="stylesheet" type="text/css" href="style.css" />
    <script type="text/javascript" src="typeface-0.12.js"></script>
	<script type="text/javascript" src="HARD_ROCK.typeface.js"></script>

<div class="index">
        <div id='back'><a href="?page=index"><img src="images/back.png" width="80" height="80" border="0"></a></div>
        <div id='statshg'><div class="myclass typeface-js" style="font-family: Helvetiker">
		Text here in Helvetiker font...
		</div></div>
        </div>

Und in der typeface-0.12.js hab ich Zeile 13&17 wie folgt geändert:

my $typeface = TypefaceJS::new->( 
	input_filename => "/font/HARD_ROCK.ttf",
	unicode_range_names => ['Basic Latin', 'Latin-1 Supplement'],
);

$typeface->write_file( output_filename => 'HARD_ROCK.typeface.js' );

Aber der Text bleibt Normal und Schwarz:

 

[stroyer]

AW: Text verzerren?

Ich habe eh deine Beiträge geteilt ;-)

 

[CronoS21]

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.

oops da hab ich mich vol verlessen sorry

 

[stroyer]

AW: Text verzerren?

Jetzt hätte ich eine komplette Problemlösung (sitze seit Mittag dabei) anzubieten: (Verwendung: document.write(getText('Hello World.'));

//font.js by Stephan Troyer, August 2009
      var fontname='font.png';
      var fontdata='22212023222224212123211923202420202424161825163424212523211918232334252620111013262926263027282732192629233431262628272426292835302727';
      var fontcontent='0123456789abcdefghijklmnopqrstuvwxyz.,:%ABCDEFGHIJKLMNOPQRSTUVWXYZ';
      var fontcorrection='-2';
      var fontfirst=true;
      function getChar(chr)
        {
          chr=fontcontent.indexOf(chr);
          if(chr<0)
            {
              return '<div style="float:left;height:'+height+'px;width:20px;">&nbsp;<\/div>';
            }
          var width=fontdata.substr(chr*2+2,2);
          var height=fontdata.substr(0,2);
          var left=0;
          var i=chr;
          while(true)
            {
              if(i<1)
                {
                  break;
                }
              left-=-fontdata.substr(i*2,2);
              i--;
            }
          return '<div style="float:left;height:'+height+'px;width:'+width+'px;margin-right:'+fontcorrection+'px;background-image:url('+fontname+');background-position:-'+left+'px 0px;">&nbsp;<\/div>';
        }
      function getText(text)
        {
          var tx='';
          var intag=false;
          var indollar=false;
          for(var i=0;i<text.length;i++)
            {
              if(text.charAt(i)=='<')
                {
                  intag=true;
                }
              if(text.charAt(i)=='&')
                {
                  indollar=true;
                }
              if(intag||indollar)
                {
                  tx+=text.charAt(i);
                }
              else
                {
                  tx+=getChar(text.charAt(i));
                }
              if(text.charAt(i)==';')
                {
                  indollar=false;
                }
              if(text.charAt(i)=='>')
                {
                  intag=false;
                }
            }
          return tx;
        }

Achtung: keine überflüssigen Leerzeichen (zB beim Einrücken) einbauen

font.png: (weiß!)



Über fontcorrection lässt sich der Zeichenabstand ein bisschen korrigieren.

Beispiel:

 

[Daniel_Knecht]

AW: Text verzerren?

Danke stroyer

Das Ergebniss kann bestaunt werden