在图像周围添加透明边框

Question

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

所以我不能使用CSS方法。我不知道是否有其他GD呼叫可以做到这一点，但该网站目前处于关闭状态（http://www.libgd.org/）。

你会推荐添加透明边框的方法吗？

Answer 1

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

所有的

首先，如果你正在使用phpThumb可以authomatically调整图像，因此无需验证图像尺寸：

<?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: ... 
    ... 
}