标签: antialiasing

如何在 ListBoxDrawItem 上绘制抗锯齿三角形？

ListBox.Canvas.Polygon

绘制有锯齿。

谢谢！！！

使用 Google 的图表图像 API（不幸的是，该 API 已于 2012 年 4 月被弃用），您可以生成 QR 代码。

我确信我可以使用 API 更改生成图像的大小，但我宁愿只使用 CSS 以及宽度和高度属性来使其更大一些。
至少在 Chrome 中，这会导致令人讨厌的抗锯齿（这不是更好的选择，因为它需要由机器解析）。有没有办法告诉浏览器不要对放大图像进行抗锯齿处理？

文档说“对于aapolygon，使用 aalines 与 \xe2\x80\x98\xe2\x80\x99 参数。”，但 pygame.draw.aalines 不允许我指定宽度（0 = 填充），使其成为不填充表面。这看起来很糟糕：\n

这些圆圈看起来好多了：

我怎样才能做到这一点？

我使用二次贝塞尔曲线生成表面，其坐标被附加到列表中。然后我像这样将其绘制到表面上（在上图中我做了两次，一次用于外圆，一次用于内圆）：

pygame.draw.polygon(self.image,fclr,self.points)\n

以及绘图代码（shape.image与上面代码中的self.image是同一个表面）：

screen.fill((0,0,0))\nscreen.blit(shape.image,(100,100))\npygame.display.flip()\n

在 Paint XP 或 Paint Windows 8 中，当您编写文本时，程序会自动提高字体质量（至少对于财务打印机而言）。我想知道如何使用下面相同的 Java 代码来做到这一点。

首先，看看这张图片，看看我的意思：

BufferedImage image = ImageIO.read(new File("blankdocument.bmp"));
Graphics g = ((BufferedImage) image).getGraphics();

Font helvetica = new Font("Lucida Sans Unicode", Font.PLAIN, 13);
g.setColor(Color.black);
g.setFont(helvetica);

g.drawString("TEXT WRITING EXAMPLE.", 5, 10);
ImageIO.write(image, "PNG", new File("testx.PNG"));
image.flush();

我正在尝试在 Three.js 中使用 boxgeometry 创建一个简单的 3D 游戏。一切都很好，但我在这些盒子上没有锋利的边缘，无论是在移动浏览器（Safari）上还是在我的 MacBook 上的 Chrome 上。请参阅下面的屏幕截图。

到目前为止我尝试过的：将渲染器上的抗锯齿设置为true（有帮助，但旋转立方体仍然没有直线），设置渲染器像素比（触摸单击相交不起作用，并且仍然像素化线条。）还尝试了FXAA着色器，但结果是没有更好。使用透视相机、Boxgeometry 和基本材质。

我的问题是，使用 Three.js 是否有可能在这些立方体上有锋利的边缘？尤其是当它们非常小时（例如移动屏幕上的 30 个大小相同）。

使用 Three.js 版本 87、chrome 68、最新的移动 safari。

更新：这是我的渲染器设置：

renderer = new THREE.WebGLRenderer({
alpha: true,
antialias: true
   });
  renderer.setSize(window.innerWidth, window.innerHeight);
 renderer.setPixelRatio(window.devicePixelRatio); // doesnt do the trick and messes up the threex domevent touch inputs
  document.body.appendChild(renderer.domElement);


  canvas = document.getElementsByTagName('canvas')[0];
  window.onresize = resizeCanvas;
  resizeCanvas();

  function resizeCanvas() {
    canvas.style.width = '100%';
    canvas.style.height = '100%';

canvas.width = canvas.offsetWidth;
canvas.height = canvas.offsetHeight;

camera.aspect = window.innerWidth / window.innerHeight;
camera.updateProjectionMatrix();
  } …

我在我的iPhone应用程序中查看了一些动画,感觉它有点难看.然后我继续说道:它只是没有动画通过亚像素状态.

所以,如果我使用通常的+ beginAnimations/+ commitAnimations,移动一些东西只是几个像素看起来"跳跃".我怎么能避免呢？是否有任何标志可以通过浮动坐标或其他任何东西制作动画？

只是为了让您了解我拥有的和我正在寻找的东西,请参考图片:

alt text http://www.ptoing.net/subpixel_aa.gif

在此先感谢,安东

基本上我想在下面关闭antialias:

public BufferedImage createText(String text) {

    //create image
    BufferedImage image = new BufferedImage(95, 20, 
        BufferedImage.TYPE_INT_ARGB);
    Graphics2D graphics = (Graphics2D) image.getGraphics();

    //set background
    graphics.setColor(Color.white);
    graphics.fillRect(0, 0, 95, 20);

    //draw text
    graphics.setRenderingHint(RenderingHints.KEY_ANTIALIASING, 
        RenderingHints.VALUE_ANTIALIAS_OFF);

    graphics.setColor(Color.black);
    graphics.setFont(new Font("volter", Font.PLAIN, 9));
    graphics.drawString(text, 0, 10);

    return image;
}

但它不起作用,这是这个函数生成的东西:

我只想要使用黑色和白色,没有别的,所以重要的是我禁用了antialias!

我是cocos2d/OpenGLES的新手,我遇到了一个无法找到解决方案的问题.基本上,我想在CCRenderTexture中绘制一个抗锯齿的圆,然后在多个精灵上使用该纹理.除了抗锯齿部分之外的一切都很简单,但是我被困住了,无法弄清楚接下来要去哪里.

我现在的代码是:

int textureSize = 64;
CCRenderTexture *rt = [CCRenderTexture renderTextureWithWidth:textureSize height:textureSize];
[rt beginWithClear:spriteColor.r g:spriteColor.g b:spriteColor.b a:0.0f];

ccDrawColor4F(spriteColor.r, spriteColor.g, spriteColor.b, spriteColor.a);
ccDrawCircle(CGPointMake(textureSize / 2.0f, textureSize / 2.0f), textureSize / 2.0f, 0.0f, 360, false);

[rt end];

然而,这导致了锯齿状的混乱,我无法弄清楚从哪里开始.我在网上看过使用点绘制光滑圆圈的例子,但这似乎不适用于OpenGLES 2.0.

性能不是一个问题,因为我正在绘制纹理一次并重复使用纹理.

我们在java中绘制漂亮而流畅的图像时遇到了问题,因为它们是锯齿状的.这段代码解决了我们的问题

g2d.setRenderingHint(RenderingHints.KEY_INTERPOLATION, RenderingHints.VALUE_INTERPOLATION_BILINEAR);

但现在我们正在为Android制作相同的应用程序,但我们不知道如何对Android应用程序应用类似的插值或抗锯齿.

(我们使用eclipse模拟器)

这是我第一次尝试使用opengl进行多重采样(用于抗锯齿).基本上,我正在为屏幕绘制一个背景(不应该得到消除锯齿),然后我绘制应该消除锯齿的顶点.到目前为止我做了什么:

//create the framebuffer:
glGenFramebuffers(1, &fbo);
glBindFramebuffer(GL_FRAMEBUFFER, fbo);

//Generate color buffer:
glGenRenderbuffers(1, &cb);
glBindRenderbuffer(GL_RENDERBUFFER, cb);
glRenderbufferStorageMultisample(GL_RENDERBUFFER, 4, GL_RGBA8, x_size, y_size);
glFramebufferRenderbuffer(GL_FRAMEBUFFER, GL_COLOR_ATTACHMENT0, GL_RENDERBUFFER, cb);

//Generate depth buffer:
glGenRenderbuffers(1, &db);
glBindRenderbuffer(GL_RENDERBUFFER, db);
glRenderbufferStorageMultisample(GL_RENDERBUFFER, 4, GL_DEPTH_COMPONENT, x_size, y_size);
glFramebufferRenderbuffer(GL_FRAMEBUFFER, GL_DEPTH_ATTACHMENT, GL_RENDERBUFFER, db);

...

glBindFramebuffer(GL_FRAMEBUFFER, 0);
//draw background ... ...

glBindFramebuffer(GL_FRAMEBUFFER, fbo);
//draw things that should get anti-aliased ... ...

//finally:
glBindFramebuffer(GL_READ_FRAMEBUFFER, fbo);
glBindFramebuffer(GL_DRAW_FRAMEBUFFER, 0);
glBlitFramebuffer(0, 0, x_size, y_size, 0, 0, x_size, y_size, GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT, GL_NEAREST);

问题是:当我调用glBlitFramebuffer(...)时,整个背景变黑,我只看到消除锯齿的顶点.

有什么建议？