如何动态创建具有指定数字的图像?

时间:2009-01-16 08:38:57

标签: php image image-processing image-manipulation gd

我有一个占位符图片,上面写着:

Your rating is:
   [rating here]

我的PHP代码应该动态插入评级号,其中占位符图像上留有空格。我怎么能这样做?

5 个答案:

答案 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中的文本,然后使用字体和背景选项设置样式?