5

我有一个占位符图片，上面写着：

Your rating is:
   [rating here]

我的 PHP 代码应该在占位符图像上有一个空白区域的地方动态插入评级数字。我怎样才能做到这一点？

4

5 回答 5

9

这是一个如何做到这一点的示例 - 使用gd 函数调用来制作您的图像，但播放得很好并缓存图像。这个示例通过确保如果浏览器已经有所需的图像，它会返回一个 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" />
于 2009-01-16T10:08:36.017 回答
2

使用范围从 0 到 9 的静态图像，只需将它们组合在页面上即可构建大量数字：

Your Rating: [image1.jpg][image2.jpg][image3.jpg]

于 2009-01-16T10:55:40.993 回答
1

我知道问题是“如何动态创建带有指定数字的图像？” 但我将解决根本问题。动态图像处理对 CPU 的负担很重。只是不要这样做。当然不要在网络请求的上下文中这样做。考虑使用静态图像，然后根据评分显示正确的图像。即使您的评分系统一直达到 100，拥有 100 张静态图像也比一遍又一遍地重绘同一张图像要好。

于 2009-01-16T08:50:52.913 回答
0

另请参阅http://ca3.php.net/manual/en/function.imagecopymerge.php#73477上的 alpha 混合示例

您可以使用 alpha 混合创建自己的 0-9 字符作为 24 位 PNG 图像，然后使用 imagecopymerge() 将它们合成，而不是使用 imagestring() 来编写内置或 TTF 字体。这需要更多的工作，但可以让您更好地控制字符集的外观。

于 2009-01-16T15:05:55.837 回答
0

为什么不将数字设置为 div 中的文本，然后使用字体和背景选择对其进行样式设置？

于 2009-01-16T15:16:09.340 回答