思路

使用图层的方法设计,共需要创建3个图像层

1.底层:最后生成的图像

2.真实用户头像:作为中间层,用户上传的真实头像图片

3.圆形蒙版:作为最上层,在蒙版中绘制圆形,并设置为透明

如图:

代码如下:

主功能类 avatar.class.php

<?php
class avatar
{
private $fileName; //文件的绝对路径(或基于最终调用文件的相对路径)
private $rgb; //颜色索引(数组 array(255,255,0) 或 16进制值 ffff00/#ffff00/ff0/#ff0)
private $size; //图像大小
private $imgInfo; //图像信息 /**
* 初始化
* Enter description here ...
* @param string $fileName 文件的绝对路径(或基于最终调用文件的相对路径)
* @param mixed $rgb 颜色索引(数组 array(255,255,0) 或 16进制值 ffff00/#ffff00/ff0/#ff0)
* @param int $size 图像大小
*/
public function __construct($fileName, $rgb, $size)
{
$this->fileName = $fileName; if(is_array($rgb)){
$this->rgb = $rgb; //rgb颜色数组 array(255,255,0)
}else{
//有的人喜欢带#号
$rgb = trim($rgb, '#');
//处理缩写形式
if (strlen($rgb)==3){
$_tmp = $rgb[0].$rgb[0].$rgb[1].$rgb[1].$rgb[2].$rgb[2];
$rgb = $_tmp;
}
$this->rgb = $this->createRGB($rgb); //16进制值 ffff00
} $this->size = $size; $this->imgInfo = getimagesize($this->fileName); if(!$this->imgInfo){
throw Exception("无法读取图像文件");
}
if(!in_array($this->imgInfo[2], array(2,3))){
//仅允许jpg和png
throw Exception("图像格式不支持");
}
} /**
* 显示图像
* Enter description here ...
*/
public function show()
{
header("content-type:image/png"); $shadow = $this->createshadow(); //遮罩图片 //创建一个方形图片
$imgbk = imagecreatetruecolor($this->size, $this->size); //目标图片 switch ($this->imgInfo[2]){
case 2:
$imgfk = imagecreatefromjpeg($this->fileName); //原素材图片
break;
case 3:
$imgfk = imagecreatefrompng($this->fileName); //原素材图片
default:
return ;
break;
} $realSize = $this->imgInfo[0]<$this->imgInfo[1]? $this->imgInfo[0] : $this->imgInfo[1]; imagecopyresized($imgbk, $imgfk, 0, 0, 0, 0, $this->size, $this->size, $realSize, $realSize);
imagecopymerge($imgbk, $shadow, 0, 0, 0, 0, $this->size, $this->size, 100); //创建图像
imagepng($imgbk); //销毁资源
imagedestroy($imgbk);
imagedestroy($imgfk);
imagedestroy($shadow);
} /**
* 创建一个圆形遮罩
* Enter description here ...
* @param array 10进制颜色数组
*/
private function createshadow()
{ $img = imagecreatetruecolor($this->size, $this->size); imageantialias($img, true); //开启抗锯齿 $color_bg = imagecolorallocate($img, $this->rgb[0], $this->rgb[1], $this->rgb[2]); //背景色
$color_fg = imagecolorallocate($img, 0, 0, 0); //前景色,主要用来创建圆形 imagefilledrectangle($img, 0, 0, 200, 200, $color_bg);
imagefilledarc($img, 100, 100, 200, 200, 0, 0, $color_fg, IMG_ARC_PIE); imagecolortransparent($img, $color_fg); //将前景色转换为透明 return $img;
} /**
* 将字符形式16进制串转为10进制
* Enter description here ...
* @param $str
*/
private function getIntFromHexStr($str)
{
$format = '0123456789abcdef'; $sum = 0; for($i=strlen($str)-1, $c=0, $j=0; $i>=$c; $i--,$j++){
$index = strpos($format, $str[$i]);//strpos从0计算
$sum+=$index * pow(16,$j);
} return $sum;
} /**
* 将16进制颜色转为10进制颜色值数组(RGB)
* Enter description here ...
* @param $str 16进制串(如:ff9900)
*/
private function createRGB($str)
{
$rgb = array();
if(strlen($str) != 6){
$rgb[] = 0xff;
$rgb[] = 0xff;
$rgb[] = 0xff;
return $rgb; //默认白色
} $rgb[] = $this->getIntFromHexStr(substr($str, 0, 2));
$rgb[] = $this->getIntFromHexStr(substr($str, 2, 2));
$rgb[] = $this->getIntFromHexStr(substr($str, 4, 2)); return $rgb; }
}

php制作圆形用户头像——自定义封装类源代码的更多相关文章

  1. WPF 实现用户头像选择器

    制作一个用户头像选择器仿 WeGame 制作一个用户头像选择Canvas为父控件所实现,展示图片使用Image,Path当作上方的蒙版; Canvas:主要用途方便移动Image,设置ClipToBo ...

  2. Android开发之制作圆形头像自定义View,直接引用工具类,加快开发速度。带有源代码学习

    作者:程序员小冰,CSDN博客:http://blog.csdn.net/qq_21376985 QQ986945193 博客园主页:http://www.cnblogs.com/mcxiaobing ...

  3. iOS常见用户头像的圆形图片裁剪常见的几种方法

    在开发中,基本上APP的用户头像的处理都需要把用户所上传的方形图片,处理为圆形图片.在这里就总结三种常见的处理圆形图片的方法. 1.使用位图上下文 2.使用UIView的layer进行处理 3.使用r ...

  4. WordPress制作圆形头像友情链接页面的方法

    网上看见过很多种友情链接页面,我比较喜欢的是圆形头像的这种,先看看效果吧:传送门 就是这种上面是圆形的友链用户头像,下面是友链用户网站名,然后鼠标移上去头像会旋转,怎么实现这种效果呢?我在网上找了很多 ...

  5. CSS3制作心形头像

    1.功能需求: 最近有一个基于微信开发的Mobile Web项目,是一个活动页面.功能需求:用户使用微信扫描二维码,然后授权使用微信登录,然后读取用户的昵称和头像,然后显示在一个饼图上面.头像需要有一 ...

  6. 【WinRT】【译】【加工】在 XAML 中制作圆形图片

    原文:[WinRT][译][加工]在 XAML 中制作圆形图片 原文地址:http://timheuer.com/blog/archive/2015/05/06/making-circular-ima ...

  7. android开发——用户头像

    最近,小灵狐得知了一种能够加快修炼速度的绝世秘法,那便是修炼android神功.小灵狐打算用android神功做一个app,今天他的修炼内容就是头像功能.可是小灵狐是个android小白啊,所以修炼过 ...

  8. 【百度地图API】如何自定义地图图层?实例:制作麻点图(自定义图层+热区)

    原文:[百度地图API]如何自定义地图图层?实例:制作麻点图(自定义图层+热区) 摘要:自定义地图图层的用途十分广泛.常见的应用,比如制作魔兽地图和清华校园地图(使用切图工具即可轻松实现).今天我们来 ...

  9. app如何更换用户头像信息呢?不妨这样做

    对于现在的手机应用而言,要想获得更多的人的使用,就需要给用户更多的自由功能才行,这也是基于用户体验开发软件的核心思想,一切以用户为中心,想用户之所想,做用户之所需.今天我就来谈一谈刚学到的一个关于设置 ...

随机推荐

  1. 通俗易懂的来理解Iaas,Paas,SaaS

    首先我们先来了解一下这几个单词的意思和完全的英文 Iaas:Infrastructure as a service    基础设施即服务 Paas:Platform as a service   平台 ...

  2. OO第三阶段纪实

    $0 写在前面 万里长征已过大半,即将迎来胜利的曙光.一路走来,经历过种种艰难,体会颇深.希望能记录下这篇博文,来总结这一个月来的收获与感悟. $1 规格化设计的发展历史 上世纪50年代,软件伴随着第 ...

  3. MySQL数据库的基本使用简单易懂

    MySQL数据库的基本使用 一.数据库概述 1. 基本介绍 数据库就是以一定格式进行组织的数据的集合.通俗来看数据库就是用户计算机上 一些具有特殊格式的数据文件的集合 2. 数据库的特点 持久化存储 ...

  4. JSF action actionListner 详解

    https://stackoverflow.com/questions/3909267/differences-between-action-and-actionlistener   actionLi ...

  5. vue proxyTable 接口跨域请求调试

    在不同域之间访问是比较常见,在本地调试访问远程服务器....这就是有域问题. VUE解决通过proxyTable: 在 config/index.js 配置文件中 dev: { env: requir ...

  6. pageObject+selenium

    新发现的设计模式,很好用. 参考:https://www.cnblogs.com/xiaofeifei-wang/p/6733753.html

  7. Luogu P3305 [SDOI2013]费用流 二分 网络流

    题目链接 \(Click\) \(Here\) 非常有趣的一个题目. 关键结论:所有的单位费用应该被分配在流量最大的边上. 即:在保证最大流的前提下,使最大流量最小.这里我们采用二分的方法,每次判断让 ...

  8. 110道python面试题

    1.一行代码实现1--100之和 利用sum()函数求和 2.如何在一个函数内部修改全局变量 利用global 修改全局变量 3.列出5个python标准库 os:提供了不少与操作系统相关联的函数 s ...

  9. Java基础构造方法和this关键字整理

    构造方法 8.1构造方法介绍 构造方法的格式: 修饰符 构造方法名(参数列表) { } l  构造方法的体现: n  构造方法没有返回值类型.也不需要写返回值.因为它是为构建对象的,对象创建完,方法就 ...

  10. JavaScript时间日期函数

    //随机数生成器Math.random() 装换为整数parseInt() 日期时间函数(需要用变量调用):var b = new Date(); //获取当前时间b.getTime() //获取时间 ...