圆角

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 角<​​/a>。

Answer 2

我会使用 曲线角 或 漂亮的立方体

Answer 3

嗯，这取决于您到底需要什么。 您希望角是透明的，还是填充某种颜色？ 哪种图像格式？

以下是制作圆角的一些帮助：
http://www.imagemagick.org/discourse- server/viewtopic.php?f=1&t=8401

检查一下，如果没有帮助，请用具体问题更新您的问题。 那么我们或许可以提供帮助:-)：

Answer 4

您可以将上述提及的标签与 CSS 一起使用，对于 IE，使用 DDRoundies 和一些 jquery 代码以使其在 IE 中工作。 这是我必须做的才能让它发挥作用。 http://swiftmailer.org/ 网站就是一个很好的例子。 他们利用了我提到的内容。

Answer 5

使用 JavaScript 以编程方式获取 圆角

或者

您可以使用 mozilla 和 safaris浏览器扩展使用 CSS 实现圆角，但它仅适用于 Mozilla 和 Safari

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

Answer 6

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

1. 对图像应用圆角 是一个 PHP 脚本，可在图像本身上嵌入圆角
2. PHP 圆角生成器脚本 生成四个角，您可以使用 CSS 定位将其放置在图像上 - 或您可以在需要圆角框的 CSS/HTML 布局中使用它们。

Answer 7

另一个是 Thumbnailer 类。