在圖像周圍添加透明邊框

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