将生成的图像修复到浏览器的中心

时间:2014-05-02 08:06:16

标签: html css

我正在创建一个图像生成工具。根据该工具,当用户键入他的名字时,图像将以他/她的名字生成。

问题是图像出现在浏览器窗口的侧面。我希望它在浏览器的中心。我试过了<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>

如果你们告诉我如何让生成的图像居中,那将会非常有用。感谢

1 个答案:

答案 0 :(得分:0)

问题在于,在提交时,您将返回图像对象(不使用html)。

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

如果您不想将图片保存在任何地方,可以使用数据uri:

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