我有一个占位符图片,上面写着:
Your rating is:
[rating here]
我的PHP代码应该动态插入评级号,其中占位符图像上留有空格。我怎么能这样做?
答案 0 :(得分:8)
这是一个如何做到这一点的示例 - 使用gd function调用来制作图像,但是玩得很好并缓存图像。此示例通过确保如果浏览器已经具有所需图像,它将返回304 ...
,甚至更好#here's where we'll store the cached images
$cachedir=$_SERVER['DOCUMENT_ROOT'].'/imgcache/'
#get the score and sanitize it
$score=$_GET['score'];
if (preg_match('/^[0-9]\.[0-9]{1,2}$/', $score)
{
#figure out filename of cached file
$file=$cachedir.'score'.$score.'gif';
#regenerate cached image
if (!file_exists($file))
{
#generate image - this is lifted straight from the php
#manual, you'll need to work out how to make your
#image, but this will get you started
#load a background image
$im = imagecreatefrompng("images/button1.png");
#allocate color for the text
$orange = imagecolorallocate($im, 220, 210, 60);
#attempt to centralise the text
$px = (imagesx($im) - 7.5 * strlen($score)) / 2;
imagestring($im, 3, $px, 9, $score, $orange);
#save to cache
imagegif($im, $file);
imagedestroy($im);
}
#return image to browser, but return a 304 if they already have it
$mtime=filemtime($file);
$headers = apache_request_headers();
if (isset($headers['If-Modified-Since']) &&
(strtotime($headers['If-Modified-Since']) >= $mtime))
{
// Client's cache IS current, so we just respond '304 Not Modified'.
header('Last-Modified: '.gmdate('D, d M Y H:i:s', $mtime).' GMT', true, 304);
exit;
}
header('Content-Type:image/gif');
header('Content-Length: '.filesize($file));
header('Last-Modified: '.gmdate('D, d M Y H:i:s', $mtime).' GMT');
readfile($file);
}
else
{
header("HTTP/1.0 401 Invalid score requested");
}
如果你把它放在image.php中,你可以在图像标签中使用如下
<img src="image.php?score=5.5" alt="5.5" />
答案 1 :(得分:2)
使用范围从0到9的静态图像,只需将它们组合在页面上即可构建大数字:
Your Rating: [image1.jpg][image2.jpg][image3.jpg]
答案 2 :(得分:1)
我知道问题是“如何在其上动态创建具有指定数字的图像?”但我会解决潜在的问题。动态图像处理在CPU上很重要。只是不要这样做。当然不要在Web请求的上下文中这样做。考虑使用静态图像,然后根据评级显示正确的图像。即使你的评级系统一直到100,最好有100个静态图像,而不是一遍又一遍地重绘相同的图像。
答案 3 :(得分:0)
另见alpha混合示例 http://ca3.php.net/manual/en/function.imagecopymerge.php#73477
不使用imagestring()来编写内置或TTF字体, 您可以创建自己的0-9个字符作为24位PNG图像 alpha-blending,然后将它们与imagecopymerge()合成。这是一个更多的工作,但会让你更多的控制 看看角色集。
答案 4 :(得分:0)
为什么不将数字设置为div中的文本,然后使用字体和背景选项设置样式?