【问题标题】:Rounded corners on images using PHP?使用 PHP 对图像进行圆角处理?
【发布时间】:2020-12-14 16:15:58
【问题描述】:

有人知道如何使用 PHP 脚本使图像具有圆角吗?

【问题讨论】:

  • 如果可能的话,我会坚持使用 CSS3 圆角,然后再用 PHP 完成所有麻烦。

标签: php rounded-corners


【解决方案1】:

可以使用 php-gd 完成,但我最终使用 CSS 将该任务传递给浏览器:

【讨论】:

    【解决方案2】:

    this link下载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);
    

    【讨论】:

    • 一个很好的例子,说明为什么不在答案中发布链接。链接已过期
    【解决方案3】:

    您可以查看https://www.phpcontext.com/thumbnailer/ 。有一个用 PHP 创建漂亮的圆角拇指的脚本。它们也具有抗锯齿功能。

    【讨论】:

      【解决方案4】:

      与其修改图像,不如直接将其包装在一些 HTML 中,这些 HTML 的每个角落都有图像,覆盖原始图像以提供圆角的外观?

      通过在您的 .php 脚本中进行图像编辑,您将在您的 Web 服务器上施加过多的负载,这意味着您的应用程序无法很好地扩展。

      【讨论】:

        【解决方案5】:

        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

        【讨论】:

        • 取决于用例。如果他需要图像,即 PWA 应用程序图标,则不能使用 CSS。
        【解决方案6】:

        使用 php 创建一些 rounded thumbs 很容易,只需使用 Thumbnailer :)

        【讨论】:

          【解决方案7】:

          有很多可用的选项,您可以使用 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");
          

          很有趣,不是吗? :) 还有很多其他可用的选项。角落将被消除锯齿。

          【讨论】:

            猜你喜欢
            • 1970-01-01
            • 1970-01-01
            • 2010-12-22
            • 1970-01-01
            • 2010-10-17
            • 1970-01-01
            • 2020-11-07
            • 1970-01-01
            • 1970-01-01
            相关资源
            最近更新 更多