Overlapping GD images

scrupul0us

Trying to build an LCD display where itll display a bunch of 8's in a lighter color underneath and write overtop the desired "lcd" text

code:

<?php
header ("Content-type: image/png");
$im = imagecreate (120, 22);
$back_color = ImageColorAllocate ($im, 88,162,129);
$text_color = ImageColorAllocate ($im, 62,136,101);
ImageTTFText ($im, 20, 0, 10, 20, $text_color, "lcdd.ttf", "88:88:88");
ImagePNG($im);
imagedestroy($im);

$im2 = imagecreate (120, 22);
$back_color = ImageColorAllocate ($im2, 88,162,129);
$text_color = ImageColorAllocate ($im2, 255,255,255);
ImageTTFText ($im2, 20, 0, 10, 20, $text_color, "lcdd.ttf", "12:34:56");
ImagePNG($im2);
imagedestroy($im2);
?>

This will only display the first image...

::Scratches head:: please help

Weedpacket

That's because you're doing them in two separate images. Why not put the "desired" text in the same image as the "all 8's" text?

header ("Content-type: image/png");
$im = imagecreate (120, 22);
$back_color = ImageColorAllocate ($im, 88,162,129);
$back_text_color = ImageColorAllocate ($im, 62,136,101);
$fore_text_color = ImageColorAllocate ($im, 255, 255, 255);
ImageTTFText ($im, 20, 0, 10, 20, $back_text_color, "lcdd.ttf", "88:88:88");
ImageTTFText ($im2, 20, 0, 10, 20, $fore_text_color, "lcdd.ttf", "12:34:56");
imagedestroy($im2);

scrupul0us

something about your $im doesnt seem kosher.. heres what i got

<?php
header ("Content-type: image/png");
$im = imagecreate (120, 22);
$back_color = ImageColorAllocate ($im, 88,162,129);
$back_text_color = ImageColorAllocate ($im, 62,136,101);
$fore_text_color = ImageColorAllocate ($im, 255,255,255);
ImageTTFText ($im, 20, 0, 10, 20, $back_text_color, "lcdd.ttf", "88:88:88");
ImageTTFText ($im, 20, 0, 10, 20, $fore_text_color, "lcdd.ttf", "12:34:56");
ImagePNG($im);
imagedestroy($im);
?>

howeer they dont exactly overlap very well.... any ideas?

scrupul0us

actually i took care of that... now im having trouble including the file...

image.php

<?php
header ("Content-type: image/png");
$im = imagecreate (135, 22);
#$back_color = ImageColorAllocate ($im, 88,162,129);
$back_color = ImageColorAllocate ($im, 0,0,0);
#$back_text_color = ImageColorAllocate ($im, 62,136,101);
$back_text_color = ImageColorAllocate ($im, 140,0,0);
$fore_text_color = ImageColorAllocate ($im, 255,0,0);
ImageTTFText ($im, 20, 0, 0, 20, $back_text_color, "ds-digi.ttf", "8");
ImageTTFText ($im, 20, 0, 0, 20, $fore_text_color, "ds-digi.ttf", "2");
ImageTTFText ($im, 20, 0, 15, 20, $back_text_color, "ds-digi.ttf", "8");
ImageTTFText ($im, 20, 0, 14, 20, $fore_text_color, "ds-digi.ttf", "3");
ImageTTFText ($im, 20, 0, 30, 20, $back_text_color, "ds-digi.ttf", "8");
ImageTTFText ($im, 20, 0, 30, 20, $fore_text_color, "ds-digi.ttf", "4");
ImageTTFText ($im, 20, 0, 45, 20, $back_text_color, "ds-digi.ttf", "8");
ImageTTFText ($im, 20, 0, 45, 20, $fore_text_color, "ds-digi.ttf", "5");
ImageTTFText ($im, 20, 0, 60, 20, $back_text_color, "ds-digi.ttf", "8");
ImageTTFText ($im, 20, 0, 60, 20, $fore_text_color, "ds-digi.ttf", "6");
ImageTTFText ($im, 20, 0, 75, 20, $back_text_color, "ds-digi.ttf", "8");
ImageTTFText ($im, 20, 0, 74, 20, $fore_text_color, "ds-digi.ttf", "7");
ImageTTFText ($im, 20, 0, 90, 20, $back_text_color, "ds-digi.ttf", "8");
ImageTTFText ($im, 20, 0, 90, 20, $fore_text_color, "ds-digi.ttf", "8");
ImageTTFText ($im, 20, 0, 105, 20, $back_text_color, "ds-digi.ttf", "8");
ImageTTFText ($im, 20, 0, 105, 20, $fore_text_color, "ds-digi.ttf", "9");
ImageTTFText ($im, 20, 0, 120, 20, $back_text_color, "ds-digi.ttf", "8");
ImageTTFText ($im, 20, 0, 126, 20, $fore_text_color, "ds-digi.ttf", "1");
ImagePNG($im);
imagedestroy($im);
?>

index.php

<html>
<head>
<style type="text/css">
body {
margin: 0; padding: 0;
background: rgb(0,0,0);
}
</style>
</head>
<body>
<?php include("image.php"); ?>
</body>
</html>

output:

cannot be displayed b/c it contains errors

Weedpacket

That's because you're embedding a PNG file directly into an HTML page. Remember, if you want an image to appear in an HTML page you use the <img> tag. In your case, you'd just have the img's src="" attribute refer to image.php.