image - 带有实时更新文本的图像

Question

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

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

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

提前谢谢。

Answer 1

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

Answer 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.';
}

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