Max: Schrift in Grafik positionieren, unten rechts

Ich möchte einen Text in einem Bild immer unten rechts positionieren.

imagestring($bild,$schrift,$hoehe,0, $text,$farbe);

Es sind immer unterschiedliche Bilder, und immer unterschiedliche Texte.

Die Höhe (unten) ist klar, die Berechne ich  mit getimagesize($datei) minus Schriftgrösse und Abstand.

Doch wie bekomme ich die Schrift rechts hin, wenn ich nicht weis wie lange mein Text ist?

Für Hinweise die zu Ergreifung der Lösung führen, werden 10000000 von Danke an den betreffenden gesandt.

Max

  1. Liebe Mitdenker,
    liebe Wissende,
    liebe Neugierige,

    ja!

    Ich möchte einen Text in einem Bild immer unten rechts positionieren.

    imagestring($bild,$schrift,$hoehe,0, $text,$farbe);

    Es sind immer unterschiedliche Bilder, und immer unterschiedliche Texte.

    Die Höhe (unten) ist klar, die Berechne ich  mit getimagesize($datei) minus Schriftgrösse und Abstand.

    Doch wie bekomme ich die Schrift rechts hin, wenn ich nicht weis wie lange mein Text ist?

    Für Hinweise die zu Ergreifung der Lösung führen, werden 10000000 von Danke an den betreffenden gesandt.

    Experimentier mal ein bisschen mit:

    Höhe ermitteln 1 Char: http://php.net/manual/en/function.imagefontheight.php
    Breite ermitteln 1 Char: http://php.net/manual/en/function.imagefontwidth.php
    Höhe und Breite Schriftzug: http://php.net/manual/en/function.imageftbbox.php

    Spirituelle Grüße
    Euer Robert

    --
    Möge der Forumsgeist wiederbelebt werden!
  2. Ich möchte einen Text in einem Bild immer unten rechts positionieren.

    Alternative mit CSS und HTML hat den Vorteil, dass das Bild im Original erhalten bleibt:

    .bild {  
      position: relative;  
    }  
    .bild p {  
      position: absolute;  
      bottom: 5px;  
      left: 5px;  
      background-color: rgba(255,255,255,0.6);  
    }
    
    <div class=bild>  
      <img src="bild.jpg" ...>  
      <p>Dies ist ein Bild</p>  
    </div>
    

    Linuchs

    1. left: 5px;

      sorry, right: 5px ist rechts.

    2. Om nah hoo pez nyeetz, Linuchs!

      <div class=bild>

      <img src="bild.jpg" ...>
        <p>Dies ist ein Bild</p>
      </div>

        
      Dann aber  
      ~~~html
      <figure>  
        <img src="…" alt="…">  
        <figcaption>Beschreibungstext</figcaption>  
      </figure>
      

      * wiki figcaption
      * wiki Bilder präsentieren

      Matthias

      --
      Der Unterschied zwischen Java und JavaScript ist größer als der zwischen Ara und Araber.