圆角

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类。