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

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

带有实时更新文本的图像

2 个答案: