Forum PHP.pl

Witam,
załóżmy że mam obrazek 600x600px i nad dolną krawędzią jest prostokąt pod kątem ~15stopni w którym chcę umieścic wyśrodkowany tekst (również pod kątem, maks. 15 znaków).
Przeszukałem forum, sieć ale znalazłem informacje jak wyśrodkować tekst pionowo i poziomo ale względem całego obrazka a nie danej jego części. Będę wdzieczny za jakiekolwiek wskazówki jak sobie z tym poradzić, również z wielkością czionki w zależności od długości tekstu tak aby nie wyszedł poza dany obszar.

Z góry dziękuje.

dajesz ten obrazek jako background-image, a potem robisz drugiego div-a w którym wpisujesz tekst i ustawiasz mu position:absolute

[HTML] pobierz, plaintext 
<div style="background-image: url(link)">
<div style="position:absolute;">
tekst
</div>
</div>
[HTML] pobierz, plaintext 

resztę sam sobie oblicz ile ma być top, left pozycji div-u z tekstem.

Ten post edytował daWeb 29.01.2015, 20:35:44

@up
Takie rozwiazanie nie wchodzi w grę gdyż obrazek z tekstem będzie pobierany przez użytkownika na dysk.

W taki razie jest 10 innych rozwiązań np.

[HTML] pobierz, plaintext 
 
<a href="link" download="obrazek.jpg" title="obrazek">
<div style="background-image: url(link)">
<div style="position:absolute;">
tekst
</div>
</div>
</a>
[HTML] pobierz, plaintext 

a można i na tagu img wypozycjonować tekst

No ale przecież po wpisaniu tekstu divem nie będzie go po pobraniu obrazka..

sry pośpieszyłem się..

musisz użyć jakiejś biblioteki do modyfikacji obrazków GD2, Imagine poniżej daję przykład dodawania tekstu na obrazek używając GD2

[PHP] pobierz, plaintext 
     // ustawiamy nagłówek z odpowiednim formatem obrazka
      header('Content-type: image/jpeg');
 
      // ładujemy obrazek
      $jpg_image = imagecreatefromjpeg('sunset.jpg');
 
      // kolor tekstu
      $white = imagecolorallocate($jpg_image, 255, 255, 255);
 
      // krój czcionnki
      $font_path = 'font.TTF';
 
 
      $text = "tekst";
 
      // wrzucamy tekst na obrazek
      imagettftext($jpg_image, 25, 0, 75, 300, $white, $font_path, $text);
 
      // wyrzucamy do użytkownika
      imagejpeg($jpg_image);
 
      // czyszczenie pamięci 
      imagedestroy($jpg_image);
 
[PHP] pobierz, plaintext 

więcej funkcji na http://php.net/manual/en/book.image.php

Tekst jak dodawać i generować obrazek to wiem, kod mam. Chcę wiedzieć jak go wyśrodkować na danym obszarze obrazka.

Jeżeli wiesz ile dany obszar ma wymiaru i jaką ma pozycje na obrazku, to nie powinieneś mieć problemów z nałożeniem na niego tekstu. Natomiast, jeżeli zmienia się to dynamicznie, czyli nie jesteś w stanie określić gdzie się znajduje dany obszar na obrazku - to masz problem.

Rozwiązanie jaki mi przychodzi do głowy, to oddzielić lub tworzyć w GD obszar na który nakładasz tekst, czyli pierwsze modyfikujesz już oddzieloną cześć od obrazka bazowego dodając na nią tekst, a potem wklejasz i ustawiasz go do obrazka bazowego.

Ten post edytował daWeb 30.01.2015, 10:30:02

Obszar na obrazku jest stały, tylko tekst w danym obszarze będzie zmienny.