php画图抗锯齿,GD绘图抗锯齿方案[PHP]

最近在使用PHP gblib生成分享图片的过程中,使用了imagefilledellipse 画圆环用来显示进度,发现锯齿特别严重;

遂google,发现了pChart2这个开源图表库,其demo效果极佳,几乎看不出来锯齿,但这是一个商业图表,所以我开启苦逼之路,阅读下源码,看看是怎么做到了,追根溯源终于发现了,下面是使用后的效果图

哈哈,效果还是很明显的,独乐乐不如众乐乐，下面就分享一下实现方法;

其实现的核心代码仅仅8行,删除一些有的没的,就是下面一坨

$Xi = floor($X);

$Yi = floor($Y);

if( $Xi == $X && $Yi == $Y){

$this->drawAlphaPixel($X,$Y,array('Alpha'=>$Alpha,'R'=>$R,'G'=>$G,'B'=>$B));

}else{

$Alpha1 = (1 - ($X - $Xi)) * (1 - ($Y - $Yi)) * $Alpha;

$this->drawAlphaPixel($Xi,$Yi,array('Alpha'=>$Alpha1,'R'=>$R,'G'=>$G,'B'=>$B));

$Alpha2 = ($X - $Xi) * (1 - ($Y - $Yi)) * $Alpha;

$this->drawAlphaPixel($Xi+1,$Yi,array('Alpha'=>$Alpha2,'R'=>$R,'G'=>$G,'B'=>$B));

$Alpha3 = (1 - ($X - $Xi)) * ($Y - $Yi) * $Alpha;

$this->drawAlphaPixel($Xi,$Yi+1,array('Alpha'=>$Alpha3,'R'=>$R,'G'=>$G,'B'=>$B));

$Alpha4 = ($X - $Xi) * ($Y - $Yi) * $Alpha;

$this->drawAlphaPixel($Xi+1,$Yi+1,array('Alpha'=>$Alpha4,'R'=>$R,'G'=>$G,'B'=>$B);

}

道理正如你第一眼就想到的那样,画四个点对像素点进行补差;(drawAlphaPixel就是imagesetpixel的一个封装)

假设$X = 1.6;$Y=1.2;我这里将其放大一百倍,效果图

图中圆形代表一个像素点(当然像素点一般都是正方形的,这里是为了直观),颜色最浓的($X,$Y)为圆心的像素点,可以看到明显的颜色透明度差别,越是接近($X,$Y)的颜色越浓,这样渐变的过程就混淆了锯齿,像“光晕”一样(咳咳,不知道这样解释合不合理)

代码中画的四个点以此可以对应到图中Z排布1,2,3,4圆上,并没有很高端大气上档次的部分(其实这也是效率较低的一种方法),但确实可以解决问题;

最后,

根据pChart2 我做了一个mini版的simpleChart(遵循apache license 2) 还在不断完善中,目前仅仅实现了基本的绘图API为了方便使用,方法名和参数都继承了pChart2的血统,并进行了一些优化,但功能就简单很多;上面的图片都是用这个做的;

代码托管在 https://github.com/xiilei/simpleChart

php画图抗锯齿,GD绘图抗锯齿方案[PHP]相关推荐

python 抠图锯齿_Python | 绘图中的抗锯齿
python 抠图锯齿 Antialiasing is another important feature of Matplotlib and in this article, we will re ...
【Qt教程】3.5 - Qt5 QPainter绘图抗锯齿、相对坐标/平移坐标系、QPainter画图片、手动调用QPainter绘图事件
GitHub源码仓库:Qt学习例程 1. QPainter绘图抗锯齿 /// 抗锯齿测试 /// painter.drawEllipse(QPoint(100,50), 50, 50);// 设置抗 ...
canvas绘图有锯齿毛边问题的解决
canvas绘图有锯齿毛边问题的解决 canvas绘制的一个圆形,用于表现移动端的朝向及视场角,绘制完成后出现了明显的锯齿,移动端看的时候也是非常明显,如下图所示: 本次主要是通过 hidpi-can ...
MATLAB绘图有锯齿
MATLAB绘图有锯齿方案一: linehandle = plot(xxxxxx); set( linehandle, 'linesmoothing', 'on' ); 参考方案二: opengl ...
怎样把gis锯齿边_ArcGIS地图锯齿处理的方法
再发布地图服务之前,这些错误要得到解决,即状态应为已解决或者标示为异常(选中某个错误或警告,点击右键选择标记为异常). 抗锯齿地图设置: 使用 MSD 发布地图服务时,您可以设置两个抗锯齿属性,这些属 ...
Kamiya艾美捷抗胸腺嘧啶二聚体单抗（环丁烷嘧啶二聚体CPD）说明书
Kamiya艾美捷抗胸腺嘧啶二聚体单抗相关性质: 同义词:环丁烷嘧啶二聚体(CPD) 特异性:与由以下物质产生的胸腺嘧啶二聚体发生特异性反应:双链或单链DNA的紫外线照射.不与(6-4)照片产品反应. ...
Abbkine IFKine驴抗小鼠IgG二抗，绿色荧光标记方案
Abbkine二级抗体可与酶.生物素或荧光团结合,用于多种基于抗体的应用,包括蛋白质印迹.免疫组织化学.免疫荧光.流式细胞术和ELISA. Abbkine驴抗小鼠IgG二抗,绿色荧光标记抗体与小鼠Ig ...
多应用多特点Abbkine驴抗兔IgG二抗绿色荧光标记
Abbkine二级抗体可与酶.生物素或荧光团结合,用于多种基于抗体的应用,包括Western Blot.免疫组织化学.免疫荧光.流式细胞术和ELISA. 该抗体与兔IgG全分子反应.它也与兔所有其它类 ...
抗旋转matlab算法,抗旋转核心训练：2个动作推荐
抗旋转核心训练:2个动作推荐之前的核心训练文章中我们提到了核心稳定训练的主题是:"抵抗出现运动的能力"(即稳定身体,避免身体出现移动的能力),因此这类训练可以称为"抗移 ...

php画图抗锯齿,GD绘图抗锯齿方案[PHP]

php画图抗锯齿,GD绘图抗锯齿方案[PHP]相关推荐

最新文章

热门文章