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以编程方式获取round corners

OR

你可以使用mozilla和safaris浏览器扩展来使用CSS获得圆角，但它只适用于Mozilla和Safari

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

Answer 4

我会使用curvy corners或nifty cube

Answer 5

你可以使用上面提到的标签和CSS，对于IE，使用DDRoundies和一些jquery代码使它在IE中工作。这是我必须做的才能让它发挥作用。这方面的好例子是http://swiftmailer.org/网站。他们利用我提到的。

Answer 6

以下是两个基于 PHP 的解决方案的链接：

Apply rounded corners to images是一个PHP脚本，在图像本身上嵌入圆角
PHP rounded corner generator script生成四个角，您可以使用CSS定位放置在图像上 - 或者您可以在需要带圆角的框的CSS / HTML布局中使用它们。

Answer 7

另一个是Thumbnailer类。

圆角

7 个答案: