圓角

Question

我想知道以編程方式為圖像制作圓角的最佳方法是什么。 可以使用PHP或javascript。 一個算法也可以做到這一點，我可以用Image :: Magick或GD對其進行編碼。

感謝您的時間。

Answer 1

使用border-radius 。

IE9 +，Firefox 4 +，Chrome，Safari 5+和Opera支持該功能。

為了獲得最好的瀏覽器支持，您應該在-webkit-和-moz-前綴：

.round {
  /* Safari 3-4, iOS 1-3.2, Android 1.6- */
  -webkit-border-radius: 12px; 

  /* Firefox 1-3.6 */
  -moz-border-radius: 12px; 

  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
  border-radius: 12px; 
}

如果您需要舊版瀏覽器的JavaScript解決方案，請查看jQuery Corner 。

Answer 2

好吧，這取決於您到底需要什么。 您是否希望角落是透明的或以某種顏色填充的？ 哪種圖像格式？

這里有一些幫助圓角的方法： http : //www.imagemagick.org/discourse-server/viewtopic.php? f=1&t= 8401

進行檢查，如果沒有幫助，請使用特定問題更新您的問題。 那么我們可能可以幫助:-)：

Answer 3

使用JavaScript以編程方式獲得圓角

要么

您可以使用mozilla和safaris瀏覽器擴展程序來使用CSS取得成功，但僅在Mozilla和Safari中有效

-moz-border-radius: 5px;
-webkit-border-radius: 5px;

Answer 4

我會用彎曲的角落或漂亮的立方體

Answer 5

您可以在CSS中使用上述標記，對於IE，請使用帶有一些jquery代碼的DDRoundies使其在IE中工作。 這是我必須做的才能使其工作。 http://swiftmailer.org/網站就是一個很好的例子。 他們利用了我提到的內容。

Answer 6

這是兩個基於PHP的解決方案的鏈接：

1. 將圓角應用於圖像是一個PHP腳本，它在圖像本身上嵌入了圓角
2. PHP圓角生成器腳本會生成四個角，您可以使用CSS定位將其放置在圖像上-或者可以在需要帶圓角框的CSS / HTML布局中使用它們。

Answer 7

另一個是Thumbnailer類。