Question

我使用phpThumb来覆盖几个图像，这使用了GD库。为了使该功能起作用，图像的大小必须相同。因此，当用户上传图像时，我必须验证大小。最后为了正确显示我需要在图像周围添加透明边框，以便底层图像大小相同。

所以我不能使用CSS方法。我不知道是否有其他GD电话可以做到这一点，但网站目前正在关闭（http://www.libgd.org/）。

您建议采用哪种方法添加透明边框？

Answer 1

css中的边距就像透明边框一样。但对于你的问题，有更好的方法：

首先，如果您使用phpThumb，您可以自动调整图像大小，因此无需验证图像大小：

<?php

    require_once 'path/to/ThumbLib.inc.php';

    try
    {
         $thumb = PhpThumbFactory::create('/path/to/image.jpg');
    }
    catch (Exception $e)
    {
        // handle error here however you'd like
    }
    $thumb->resize(100, 100);
    $thumb->show();
?>

您可以找到here更多详细信息。

我不明白为什么你需要一个边框。但是，如果要在图像上使用叠加，则无需为图像添加边框以适合叠加层。如果您需要在图片上叠加图片，可以执行以下操作：

 <div class="container">
   <img src="path to your image" />
   <span class="overlay"></span>
 </div>

并应用一些风格：

.container{ // the same size as your image
  width:100px;
  height:100px;
}

.overlay{
   position: absolute;
   top:0;
   left: 0;
   width:100%;
   height:100%;
   background: ...
   ...
}

在图像周围添加透明边框

1 个答案: