【问题标题】：Fix generated image to the center of the browser将生成的图像固定到浏览器的中心
【发布时间】：2014-06-18 20:45:09
【问题描述】：

我正在创建一个图像生成工具。根据该工具，当用户输入他/她的姓名时，会生成带有他/她的姓名的图像。

问题是图像出现在浏览器窗口的一侧。我想要它在浏览器的中心。我试过<img src="path_of_php_file.php">，但没用。

我的php代码

<?php
$name = $_POST['imagename'];

if($_POST['imagename'] != ''){



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



$name = $_POST['imagename'];

   $im = @imagecreate(800, 600);

   $background_color = imagecolorallocate($im, 0xFF, 0xCC, 0xDD);

   $text_color = imagecolorallocate($im, 133, 14, 91);

   imagestring($im, 5, 300, 300,  " Hey $name Whats Up Bro ?", $text_color);



   imagepng($sim);


   imagedestroy($sim);

}

else echo "no image created";
?>

我的html代码

<html>
<body>

<form action="images.php" method="post">

Enter Your Name :<input type="text" name="imagename">

<br></br>

<input type="submit" name="submit">

</form>

</body>

</html>

如果你们告诉我如何使我生成的图像居中，那将非常有帮助。谢谢

【问题讨论】：

可能重复：stackoverflow.com/questions/1040554/…
只是理解我的问题......这不是我的问题的重复
你想做什么，让图片居中还是让图片中的文字居中？
图像居中...
随机生成的图片居中..

标签： html css

【解决方案1】：

问题是在提交时，您返回的是图像对象（没有 html）。

如果你想居中，你需要返回一些 html 页面，添加一个链接到生成的图像的标签，并使用一些 css 来居中。

如果您不想将图像保存在任何地方，可以使用数据 uri：

http://css-tricks.com/data-uris/

【讨论】：

我希望这可以解决我的问题..但是我怎样才能将 php 文件和 css 文件添加到 html 表单？？
我不会为你做这件事，但我可以给你更多提示：在你正在处理图像的 PHP 文件中编写 html 并在其中添加 CSS 内联，在
你在链接上给我的css和html？？