使用PHP GD生成的图像 - 如何与浏览器中心对齐?

时间:2013-04-13 17:32:35

标签: php gd

希望你们都做得很好。

我使用PHP GD创建并使用文本编辑图像,我使用以下代码将其发送到浏览器,但它显示在浏览器的左侧完全对齐,我尝试将css行为直接添加到img标签,但没有发生任何事情,所以我想这将永远不会工作,因为它是一个显示图像的PHP标题,是否有任何方法将图像对齐到浏览器的中心在相同的代码中让我们说一个方式使用边距0对齐div汽车?正如你所看到的,我仍然是GD的新手,所以这里是我的代码,我非常感谢好友:

<?php
$nombre=$_POST['nombre'];
  //Set the Content Type
header('Content-type: image/jpeg'); 


  // Create Image From Existing File
  $jpg_image = imagecreatefromjpeg('fabian.jpg');
      // get image dimensions
list($img_width, $img_height,,) = getimagesize("fabian.jpg");

  // Allocate A Color For The Text
  $white = imagecolorallocate($jpg_image, 255, 255, 255);

  // Set Path to Font File
  $font_path = 'fabian.TTF';

  // Set Text to Be Printed On Image
  $text =strtoupper($nombre);

  // Print Text On Image
  //imagettftext($jpg_image, 75, 0, 50, 400, $white, $font_path, $text);

 // find font-size for $txt_width = 80% of $img_width...
$font_size = 1; 
$txt_max_width = intval(0.8 * $img_width);    

do {

$font_size++;
$p = imagettfbbox($font_size,0,$font_path,$text);
$txt_width=$p[2]-$p[0];
// $txt_height=$p[1]-$p[7]; // just in case you need it

} while ($txt_width <= $txt_max_width);

// now center text...
$y = $img_height * 0.9 ;// baseline of text at 90% of $img_height
$x = ($img_width - $txt_width) / 2;

imagettftext($jpg_image, $font_size, 0, $x, $y, $white, $font_path, $text);



  // Send Image to Browser
  imagepng($jpg_image);


 // Clear Memory
  imagedestroy($jpg_image);

?>

非常感谢您的建议!祝你有美好的一天。

2 个答案:

答案 0 :(得分:3)

看起来您只是在您提供的代码中输出图像文件。无法在此代码中指定任何浏览器应如何显示图像。

如果在某处显示此图像的单独HTML代码,则应指定与外观和定位相关的任何内容。因此,它成为关于如何使图像居中的HTML / CSS问题,与PHP或GD没有任何关系。

答案 1 :(得分:1)

您需要在CSS规则中添加display: block;才能使其集中化。

如果您只是在浏览器中请求图像,那么就没有办法解决它,因为您需要知道浏览器窗口尺寸,这是服务器端不可用的。