强迫症头像在线生成
这两天看到微信圈充满了图片加上数字的头像,看的人心烦意乱,有的想点没,有的误以为收到新信息,每天点错N次。
作为新(diao)新(si)青年的我当然不能脱离群众,果断要弄个。首先pass掉PS,整个小头像每次都还要开一次photoshop也太蛋疼了。
so,谋划下写个在线生成的小工具,用php的GD库生成头像。花了一些功夫终于弄好了,主要麻烦的就是加数字的位置和字号要一点点的去尝试。界面什么的就不管了,懒的用bootstrap画了,懒癌患者只要功能~~~~balabalaba….安全方面貌似应该不会出现问题~~
Dome:气死强迫症头像生成器
采用的jquery+php,使用了uploadify和jCrop两个JQ插件,第一个负责图片的异步上传,第二个负责裁剪定位。
插件文档:
http://code.ciaoca.com/jquery/jcrop/
http://www.uploadify.com/documentation/
php部分核心也就几句
1 2 3 4 5 6 7 8 9 |
$img = imagecreatefromjpeg($this->filename);//加载图片资源 $new_img = ImageCreateTrueColor($this->width, $this->height); //绘出指定大小新图 imagecopyresampled($new_img, $img, 0, 0, $this->x, $this->y, $this->width, $this->height, $this->src_width, $this->src_height); //拷贝上传图剪切区域到新图 $font_file='Ald401b.ttf'; //加载字体 $col_ellipse = imagecolorallocate($dst_r, 255, 0, 0); //圆形颜色 imagefilledellipse($new_img, 426, 86, 170, 170, $col_ellipse);//绘制实心圆 $font_color = imagecolorallocate($new_img, 255,255, 255);//字体颜色 imagettftext($dst_r, 130, 0,385, 140, $font_color,$font_file, $this->num);//绘制数字 imagepng($new_img,$file_name);//输出图片 |
源码就不共享了,写的逼格比较差,不敢拿出来献丑~~
good job