一、啥是图片锯齿？

图片锯齿，就像细小孩子的牙齿一样，是不齐整的，是图片上那些个细小格子线。出现这样的锯齿。优良不喜欢的锯齿呀！

二、怎么轻巧松消除图片锯齿？

1. 3D建模

消除锯齿Neng让3D建模的边缘变得geng加平滑，就像是用橡皮擦把不齐整的线条擦得柔软柔软的。这样ZuoNeng让图形kan起来geng真实实。

// 用Unity3D的C#代码对UI界面进行anti-aliasing处理
public class UIAntiAliasing : MonoBehaviour {
    public Material matFXAA;
    void OnRenderImage {
        Graphics.Blit;
    }
}

2. UI界面

电子产品里的界面也需要hen精细哦， 通过anti-aliasing的处理，界面kan起来会舒服hen许多，就像穿上了漂亮的衣服一样。

// 用CSS对图片进行anti-aliasing处理
img {
    -webkit-transform: translateZ;
    -webkit-backface-visibility: hidden;
    -webkit-perspective: ;
    -webkit-transition: all .25s linear;
}
img:hover {
    -webkit-transform: scale;
    -webkit-box-shadow: 0px 0px 10px rgba;
    -webkit-filter: blur;
    filter: blur;
}

3. 图片

图片的边缘也Neng通过anti-aliasing变得平滑， 颜色也会变得geng加天然就像画上去的一样漂亮。

// SSAA的实新潮码
GLfloat vertices = { ... };
// 定义ss的分辨率
GLsizei ss = ;
glViewport;
glClear;
// 绘制图形
glReadPixels;
for  {
    for  {
        // 对数据像素进行采样并处理
    }
}
// 调整输出巨大细小
glViewport;

4. Fast Approximate Anti-Aliasing

FXAA是图像中的边缘信息来处理锯齿， 就像用放巨大镜找出来然后用橡皮擦擦掉。这种方法处理起来hen迅速，非常适合在电脑游戏中用。

// FXAA实现的C++代码
float3 rgbyM = tex2D.xyz;
float lumaM = *rgbyM.x + *rgbyM.y + *rgbyM.z;
float3 rgbyN = tex2D.xyz;
float lumaN = *rgbyN.x + *rgbyN.y + *rgbyN.z;
float edge = abs;
... // 根据edge值对像素点进行处理

三、 anti-aliasingNeng改善的地方

1. 文字

文字也有锯齿哦，通过anti-aliasing的处理，文字的边缘会变得geng加平滑和美观，就像用了漂亮的毛笔一样。

// MSAA的实新潮码
glEnable;
glClearColor;
glClear;
// 绘制几何体和纹理等图形
glDisable;

2. Supersample Anti-Aliasing

SSAA就像是用放巨大镜kan世界， 把图像的分辨率搞优良，然后再缩细小回来。这样ZuoNeng消除锯齿，但兴许会需要geng许多的计算材料。

Anti-Aliasing是一种让图片不那么困难kan的魔法， 它通过许多些像素点的采样来模糊边缘的颜色，使得边缘geng加平滑和天然。