给图片添加圆角功能,圆角透明

简介: 给图片添加圆角功能,圆角透明

tp5,把方形图片变成圆形,需要自动动手把下面代码添加到扩展的图片处理类里面

/**
     * 处理圆角图片
     * @param  integer $radius  圆角半径长度默认为15,处理成圆型
     * @return [type]           [description]
     */
    public function radius($radius = 15) {
        // $wh = getimagesize($imgpath);
        $w = $this->width();
        $h = $this->height();
        // $radius = $radius == 0 ? (min($w, $h) / 2) : $radius;
        $img = imagecreatetruecolor($w, $h);
        //这一句一定要有
        imagesavealpha($img, true);
        //拾取一个完全透明的颜色,最后一个参数127为全透明
        $bg = imagecolorallocatealpha($img, 255, 255, 255, 127);
        imagefill($img, 0, 0, $bg);
        $r = $radius; //圆 角半径
        for ($x = 0; $x < $w; $x++) {
            for ($y = 0; $y < $h; $y++) {
                $rgbColor = imagecolorat($this->im, $x, $y);
                if (($x >= $radius && $x <= ($w - $radius)) || ($y >= $radius && $y <= ($h - $radius))) {
                    //不在四角的范围内,直接画
                    imagesetpixel($img, $x, $y, $rgbColor);
                } else {
                    //在四角的范围内选择画
                    //上左
                    $y_x = $r; //圆心X坐标
                    $y_y = $r; //圆心Y坐标
                    if (((($x - $y_x) * ($x - $y_x) + ($y - $y_y) * ($y - $y_y)) <= ($r * $r))) {
                        imagesetpixel($img, $x, $y, $rgbColor);
                        continue;
                    }
                    //上右
                    $y_x = $w - $r; //圆心X坐标
                    $y_y = $r; //圆心Y坐标
                    if (((($x - $y_x) * ($x - $y_x) + ($y - $y_y) * ($y - $y_y)) <= ($r * $r))) {
                        imagesetpixel($img, $x, $y, $rgbColor);
                        continue;
                    }
                    //下左
                    $y_x = $r; //圆心X坐标
                    $y_y = $h - $r; //圆心Y坐标
                    if (((($x - $y_x) * ($x - $y_x) + ($y - $y_y) * ($y - $y_y)) <= ($r * $r))) {
                        imagesetpixel($img, $x, $y, $rgbColor);
                        continue;
                    }
                    //下右
                    $y_x = $w - $r; //圆心X坐标
                    $y_y = $h - $r; //圆心Y坐标
                    if (((($x - $y_x) * ($x - $y_x) + ($y - $y_y) * ($y - $y_y)) <= ($r * $r))) {
                        imagesetpixel($img, $x, $y, $rgbColor);
                        continue;
                    }
                }
            }
        }
        $this->im = $img;
        return $this;
    }

使用方法

\think\Image::open('./1.jpg')->thumb(80, 80)->radius(20)->save('./2.jpg')
目录
相关文章
设计----背景颜色透明和渐变颜色
设计----背景颜色透明和渐变颜色
|
7月前
|
Web App开发 前端开发
canvas详解02-样式和颜色控制
canvas详解02-样式和颜色控制
127 1
|
前端开发
css实现背景半透明文字不透明的效果
css实现背景半透明文字不透明的效果
52 0
|
XML 数据格式
超简单的自定义ImageView,支持圆角和直角
需求:ImageView显示的图片,上方的两个角是圆角,下方的两个角是直角。 ![需求图](https://img-blog.csdn.net/20180125151146126?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcXFfMjYyODc0MzU=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)
|
JSON 搜索推荐 Serverless
iOS绘制物理按钮 - 透明圆角渐变边框
iOS绘制物理按钮 - 透明圆角渐变边框
404 0
iOS绘制物理按钮 - 透明圆角渐变边框
|
Android开发 数据格式 XML
安卓阴影最佳解决方案,原生CardView修改阴影颜色和上下阴影比例
CardviewFix 简书地址 [https://www.jianshu.com/p/8c8b2708bdb4] 原生的CardView虽然好,但是公司UI设计必须修改阴影颜色 这个库是基于google官方库,所以基本属性相同,增加三个属性,暂时只.
7187 0
|
存储 机器学习/深度学习 JavaScript