标签: antialiasing

我从这里实现了Xiaolin Wu圆算法： https: //create.stephan-brumme.com/antialiased-circle/ in c++：

float radiusX = endRadius;
float radiusY = endRadius;
float radiusX2 = radiusX * radiusX;
float radiusY2 = radiusY * radiusY;

float maxTransparency = 127;

float quarter = roundf(radiusX2 / sqrtf(radiusX2 + radiusY2));
for(float _x = 0; _x <= quarter; _x++) {
    float _y = radiusY * sqrtf(1 - _x * _x / radiusX2);
    float error = _y - floorf(_y);

    float transparency = roundf(error * maxTransparency);
    int alpha = transparency;
    int alpha2 = maxTransparency - …

我有一个像素艺术字体（在 ttf 文件中），我发现它的原始分辨率为 8 像素 ( CTX.font = '8px mainfont';)

当我执行 fillText 时，字体在 Firefox 中显示完美，但在 chrome 中显示模糊：

火狐浏览器

铬合金

我尝试将 X 坐标偏移不同的量（例如 0.5），但它变得更加模糊。通常它始终是一个舍入整数。

我尝试CTX.translate(0.5, 0);过并且CTX.imageSmoothingEnabled = true;

我尝试过CSSfont-smooth: none; font-smooth: never; -webkit-font-smoothing : none;

过去，我必须将字体转换为特殊格式，并使用库在画布上绘制它们。只是希望 5 年后他们添加一个官方方法来解决这个问题吗？

我在OpenGL中遇到颜色选择和抗锯齿问题.当AA被激活时,glReadPixels的结果在对象边缘和对象交叉点上显然是错误的.例如:

我在框#32(RGBA:32,0,0,0)附近渲染框#28(RGBA:28,0,0,0).使用AA,由于AA算法,我可以获得错误的ReadPixel值(例如30),其中立方体和三角形重叠,或者框边缘的值为14.

我有~4万个物体我需要能够挑选(这是一个拼图游戏).能够按形状选择对象至关重要.

我试图用glDisable(GL_MULTISAMPLE)禁用AA但它不能用于某些AA模式(我读它取决于AA实现 - SS,MS,CS ......)

那么,我如何选择底层对象？

1. 一种方法暂时禁用AA？
2. 使用不同的缓冲区甚至渲染上下文？
3. 还有其他建议吗？

我试图在屏幕上绘制这个图像:

这是代码:

        CALayer* dullLayer = [CALayer layer];
        {                
            dullLayer.frame = CGRectMake(0,0,BUTTON_SIZE,BUTTON_SIZE);

            dullLayer.position = CGPointFromPoint2D( btnCenter );

            dullLayer.opacity = topQuadrant ? 1.0 : 0.5;


            [wheelLayer addSublayer: dullLayer];
        }


        UIImage* test = [UIImage imageNamed: @"OuterButton_Dull.png"];

        dullLayer.contents = (id) [test CGImage];

这就是我得到的:

是什么赋予了？为什么边缘如此锯齿？将此与罗马数字图像形成对比,罗马数字图像以完全相同的方式合成到屏幕上.

我试过了

            dullLayer.edgeAntialiasingMask = 0x0f; // binary 1111

无济于事.

编辑:http://lists.apple.com/archives/cocoa-dev/2008/Feb/msg02070.html

我在QML中有一段代码:

Image {
    anchors.rightMargin: 10
    anchors.leftMargin: 10
    anchors.bottomMargin: 10
    anchors.topMargin: 10
    anchors.fill: parent
    source: "Google Chrome Icon.png"
    fillMode: Image.PreserveAspectFit
    }

图像会随窗口自动拉伸.但拉伸方法没有抗锯齿,因此丑陋的结果:

chrome image http://img838.imageshack.us/img838/667/unantialiasedchrome.png

有没有什么方法可以让结果变得更好？

我熟悉在不同浏览器和/或操作系统中渲染Web字体的差异.但有几个问题:

我使用的是在Chrome中看起来像垃圾的网络字体(woff),但在FF(在Windows 7上)可以.有一天,我通过远程桌面从家里使用我的办公室电脑.我注意到这个字体现在看起来像FF中的垃圾.它与办公室里的Chrome看起来很相似.(我没有在家测试Chrome).我知道远程桌面以某种方式减少了"图形",但不完全是如何,我不知道它如何影响字体渲染.当我第二天来到办公室时,FF的渲染仍然搞砸了.我想远程桌面会话对"图形"的更改仍然有效.我使用Chrome检查,现在呈现在该浏览器在FF看起来不错,像以前一样!？所以我重新启动计算机以恢复我通常的"图形设置",但这没有帮助.然后我清除了字体缓存并重新启动.现在我又回到了糟糕的Chrome渲染和OK FF渲染.

我的问题:

1. 当我连接远程桌面(设置= 32位颜色深度)时,"图形"一般会发生什么,尤其是字体渲染？我的猜测是,无论发生什么变化,FF和Chrome都会使用另一种渲染方法.

2. 重启计算机后,效果如何仍然存在."渲染结果"是否以某种方式存储在字体缓存中,因为它似乎？看起来很奇怪.

谢谢你的建议.

我们一直在开发iPad应用程序，并且遇到了一个奇怪的问题。

在设备上部署应用程序后，在某些iPad中，我们看到所有标签的字体都变得模糊（字体可见，但褪色/模糊）。

在某些iPad中，我们可以看到问题，但在所有iPad上都看不到问题。它不是特定于操作系统的（在ios5和ios6上都可以看到）。终止或重新安装应用程序后，问题仍然没有解决。

如果设备显示问题，它将一直存在，如果设备不显示问题，则永远不会显示它。

关于何时可能发生或以前有人见过的任何投入？

我有一个图像,我需要更改背景颜色(例如,将下面的示例图像的背景更改为蓝色).

但是,图像是消除锯齿的,所以我不能简单地用不同的颜色替换背景颜色.

我试过的一种方法是创建第二个图像,它只是背景并改变它的颜色并将两个图像合并为一个,但是这不起作用,因为两个图像之间的边界是模糊的.

有没有办法做到这一点,或其他一些方法来实现这一点,我没有考虑？

示例图片

我有一个像素艺术,我想扩大规模.问题是当我扩展它时,它会得到抗锯齿的所有模糊原因.有没有办法直接从xml禁用抗锯齿？

我正在运行这个lwjgl应用程序:

Display.setDisplayMode(new DisplayMode(500, 500));
Display.create();

glMatrixMode(GL_PROJECTION);
glLoadIdentity();
glOrtho(-5, 5, -5, 5, -10, 5);
glMatrixMode(GL_MODELVIEW);

float x = 0;
while (!Display.isCloseRequested()) {
    Display.update();

    glClear(GL_DEPTH_BUFFER_BIT | GL_COLOR_BUFFER_BIT);
    glEnable(GL_DEPTH_TEST);
    glColor3f(1, 0, 0);
    x += 0.01f;
    glRotatef(x, x, 3 * x, 0.5f * x);
    glBegin(GL_QUADS);
    drawCube();
    glEnd();
    glLoadIdentity();
}
Display.destroy();

这基本上是在窗口中绘制1x1x1立方体.方法drawCube()是这样的:

public void drawCube() {
    glColor3f(0.0f, 1.0f, 0.0f);          // Set The Color To Green
    glVertex3f(1.0f, 1.0f, 0f);           // Top Right Of The Quad (Top)
    glVertex3f(0f, 1.0f, 0f);             // Top Left Of The …