簡體   English   中英

使用 PHP 在圖像上圓角?

[英]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/

其他幾個值得注意的:

http://www.spiffycorners.com/

http://www.html.it/articoli/niftycube/index.html

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM