View Full Version : Dynamic rotated text

04-10-2009, 06:31 PM
Hi guys,

Some time ago I did some research on how to actually rotate some text on a webpage - a static image wasn't a solution as the text needed to be dynamic (in this example's and my case a date function). I was not able to find anything 'easy' with cross-browser support, so I worked out this script - some of it partly copied from other sites while some of it is modified on my own.

The script will generate a dynamic image with transparent background with the current date, a specified font and rotate it - the input and properties can of course be modified.

Paste the below in a file called image.php
Edit the "font" paths to reflect your fonts.
Display the image by following:

<img src="image.php" alt="Your ALT Text" />

// Defines the content as an PNG image
header("Content-type: image/png");

// Creates the image - edit those properties in order to change rotation and font types. I have defined two different fonts
$image = imagecreate(75, 70);
$degrees = 40;
$font = 'fonts/Jerry_B4s_handwriting.ttf';
$font1 = 'fonts/verdana.ttf';

// transparent color
$transparent_color = imagecolorallocate($image, 000, 0, 0);

// set the transparent color
imagecolortransparent($image, $transparent_color);

// fill the image with our transparent color

//imagecolorallocate($image, R, G, B) in HEX values
$font_black = imagecolorallocate($image, 2, 1, 8);

//EDIT those strings to output YOUR text
//outputs day
$string_day = date("l");
//outputs month, date
$string_rest = date("F d");
//outputs year
$string_year = date("Y");

//($image, fontsize, angle(use a combination of this and the $degrees variable), rightident(x), downindent(y), textcolor, font, data)
imagettftext($image, 13, -25, 10, 20, $black, $font, $string_day);
imagettftext($image, 10, -25, 10, 40, $black, $font1, $string_rest);
imagettftext($image, 9, -20, 10, 60, $black, $font1, $string_year);

$rotate = imagerotate($image, $degrees,0);
//Preserves transparency
imagealphablending($rotate, true);
imagesavealpha($rotate, true);


The above will generate an image like the attachment.
'Unfortunately' I havn't found a way to get rid of the grunge look of the text though.

04-11-2009, 01:40 AM
try to create a bigger picture, 2-3 times bigger, and after you finish scale to actual size. Maybe will work, :)

best regards

The PHP Guy
06-21-2009, 07:09 AM
I think the grunge look of the text is, in a way, a good thing.

With slight modifications, you can make this a captcha script (and sell it too! ;)) All it needs is random text and a few random pixels/lines/rectangles/circles...

07-30-2009, 07:59 AM
You can't sell any scripts nowadays, PHP is so common, theres a free script for everything

07-31-2009, 01:24 AM
there is not!

07-31-2009, 07:29 AM
There almost is ;]