图像与实时更新文本

Question

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

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

我不知道怎么做，我想这是找到答案的最好地方。因为我根本不知道这叫什么，所以我不知道该搜索什么。

Answer 1

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

Answer 2

使用API是可能的。创建了一个API的数据库，我想使用，连接到数据库和一切工作!在使用$API_GET获取数据后，我将其设置为数组格式。

从那里开始，我使用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.';
}

这是代码的基本结构。谢谢您对这个问题的答复。