![](/img/trans.png)
[英]Rounded transparent _smooth_ corners using imagecopyresampled() PHP GD
[英]Rounded corners on images using PHP?
有誰知道如何使用 PHP 腳本使圖像具有圓角?
該腳本顯示了如何使用PHP和GD Library將圓角應用於圖像 。 這就像在圖像的四個角上繪制一個圓的四個象限一樣簡單。 圓本身必須是透明的。
另一方面,此腳本為基於HTML或CSS的解決方案生成圓角圖形 。 它生成了四個角,您可以使用CSS定位或HTML表格將其覆蓋在圖像上。
它可以使用 php-gd 完成,但我最終使用 CSS 將該任務傳遞給瀏覽器:
<img src="photo.jpg" width="42" height="42" alt="我的酷照片" style="border-radius: 15px; -moz-border-radius: 15px;" />
從此鏈接下載easyphpthumbnail.class.php
由此您可以調整圖像大小並將其轉換為圓形圖像。
在下面的示例圖像中轉換為透明圓形圖像。
include_once('easyphpthumbnail.class.php');
$source = 'demo.jpg';
$width = 100;
$height = 100;
$thumb = new easyphpthumbnail;
$thumb -> Thumbheight = $width;
$thumb -> Thumbwidth = $height;
$thumb -> Backgroundcolor = '#FFFFFF';
$thumb -> Clipcorner = array(2,50,0,1,1,1,1);
$thumb -> Maketransparent = array(1,0,'#FFFFFF',10);
$thumb -> Createthumb($source);
有很多可用的選項,您可以使用 Google 找到它們。 最簡單的方法是使用Thumbnailer 。 它就像兩行代碼一樣簡單:
// make an object
$th=new Thumbnailer("your-photo.jpg");
// create a 120x90 thumb and round its corners
$th->thumbFixed(120,90)->round()->save("your-thumb.jpg");
很有趣,不是嗎? :) 還有很多其他選項可用。 角落將被抗鋸齒。
您可以查看https://www.phpcontext.com/thumbnailer/ 。 有一個腳本可以用 PHP 創建漂亮的圓角拇指。 它們也是抗鋸齒的。
使用 php 很容易創建一些圓形的拇指,只需使用 Thumbnailer :)
與其修改圖像,不如將其包裝在一些 HTML 中,每個角都有圖像,覆蓋原始圖像以提供圓角的外觀?
通過在您的 .php 腳本中進行圖像編輯,您將給您的 Web 服務器帶來不必要的負載,這意味着您的應用程序將無法很好地擴展。
GD 非常適合圖像處理,但如果您使用 CSS,它對您來說會容易得多,而且在您的服務器上也會容易得多。
這是使用 CSS 的一些很酷的圖像效果的很棒的教程:
http://www.webdesignerwall.com/tutorials/css-decorative-gallery/
對於現代瀏覽器,您可以使用純 CSS 來實現:
http://www.css3.info/preview/rounded-border/
其他幾個值得注意的:
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.