带有实时更新文本的图像答案

【问题标题】：Image with live updating text带有实时更新文本的图像
【发布时间】：2015-08-27 20:16:40
【问题描述】：

在图片方面需要一些帮助。

正如主题所说，我想创建一个带有实时更新文本的图像。这主要被游戏服务器和玩家用来炫耀他们的统计数据和信息。服务器方面，显示服务器是否在线以及有多少玩家在线等。

我不知道该怎么做，并认为这将是找出答案的最佳地点。由于我什至不知道这叫什么，所以我不知道要搜索什么。

提前感谢。

【问题讨论】：

您是否在网页上显示此内容？需要更多上下文。
是的，这将显示在网站上。所有信息都将加载到我将连接到的数据库中，因此站点和数据库之间将始终保持恒定连接。它主要用作论坛签名。

标签： image updates live automatic-updates

【解决方案1】：

这是一个 html+css+ajax 的解决方案。使图像成为 html 元素的背景图像。让我们使用一个div。然后将文本定位在 div 中。使用 ajax 更新文本。图片将保持不变，而文字可以更新。

【讨论】：

谢谢，但我想在很多网站上使用图片，所以我必须使用图片的固定链接。这仍然有效吗？我的意思是，由于我链接到图像，ajax 和 css 不会随之而来。考虑过iframe，但不能用于签名。
您不能使用 css+ajax，除非您也可以链接到它们。你是如何创建图像的？您使用的是服务器端编程语言吗？

【解决方案2】：

可以使用 API。创建了我要使用的数据库的 API，连接到数据库并且一切正常！使用$API_GET获取数据后，我将其设置为数组格式。

什么都用 PHP。

从那时起，我使用imagecreatefrompng，显然是为了选择一张图片。使用imagecolorallocate 设置一些颜色，然后使用imagettftext 在图像上添加我想要它们的文本。

创建一张图片，上面有实时更新的统计数据。

但是我们仍然需要告诉浏览器将其加载为图像而不是带有图像的页面，因此...

header( "Content-type: image/png" );

和imagesetthickness 到5，然后是imagepng 和imagedestroy。

代码摘录：

$API_GET = file_get_contents("API URL");
$API_GET = json_decode($API_GET);
$API = array();

foreach ($API_GET as $key => $value) {
    $API[$key] = $value;
}
if (file_exists($imagefile)) {
    $bg_img = imagecreatefrompng ( "IMAGE URL");
    $color_red = imagecolorallocate( $bg_img, 250, 0, 0 );
    imagettftext($bg_img, 20, 0, 19, 36, $color_red, 'FONT URL.tff',"Text On Image");
    imagesetthickness ( $my_img, 5 );    
    header( "Content-type: image/png" );
    imagepng( $my_img );
    imagedestroy( $my_img );
} else {
    echo 'Image does not exist.';
}

这就是代码的基本结构。感谢您对问题的回复。

【讨论】：