GD Lib - Text with background over image
ABOO
This one is quite difficult to explain clearly. So I think pictures might help.
I currently have a script that adds some text over an image in a custom font. I now want make it so that the text has a rectangular background to sit on.
The code I currently have is:
$rImg = ImageCreateFromJPEG($_REQUEST['imageurl']);
$cor = imagecolorallocate($rImg, 255, 255, 255);
$font = 'font.TTF';
imagettftext($rImg, 34, 0, 0, 100, $cor, $font, urldecode('Test Text'));
header('Content-type: image/jpeg');
imagejpeg($rImg,NULL,100);
It creates an image like this:
I need the image to look something like this:
Does anyone know a simple way of achieving this look? The red rectangle needs to end within range of the image. I would just use CSS, but it's for email!
Appreciate any advice!
Dexa
First you should calculate the boundaries of the text, so you can know how big red box you need. You could achive this with imagettfbbox function. Once you know the dimensions you can draw rectangle using imagefilledrectangle function. Also you should draw rectangle before you draw text.
Collected from the Internet
Please contact [email protected] to delete if infringement.
edited at
Related
Related Related
- 1
Overlapping text over background image
- 2
Background Image Appearing Over Text
- 3
Bootstrap How to add text over image with background?
- 4
Php GD add text to png image always follow image background color
- 5
PHP GD lib text rendering with pixilation
- 6
Fit the text into image PHP GD
- 7
php gd vertical text an image
- 8
how to set background of an image and a text /image over it in android
- 9
Use img tag inside a div as the divs background image with text over
- 10
How do I create background image and add text over it
- 11
How do I align text vertically over a background image?
- 12
Text over the top of a border-image: Using the border as an expandable background
- 13
How do I create background image and add text over it
- 14
Draw Circle in the background of Text View, over each image in Fragment
- 15
Text over background image removes its hover state
- 16
Animating over a background image
- 17
Center text on image using PHP GD
- 18
Partial black background when watermarking PNG image with GD PHP
- 19
Put a text over an image
- 20
CSS Text over image
- 21
Centering Text over Image
- 22
Text over the image/button
- 23
Getting text over a image
- 24
Text over Image CSS
- 25
Text over image jQuery
- 26
Getting text over a image
- 27
HTML Text over image
- 28
Paste Text over the Image
- 29
Showfreqs and showwaves over background image?
Comments