WebGL渲染抗锯齿

Question

使用JavaScript和WebGL技术。有没有一种方法可以不使用反锯齿进行渲染？我需要每个像素都是纯色的。

我的当前片段着色器非常简单：

precision mediump float;
varying highp vec3 lighting;

void main(void)
{
    gl_FragColor = vec4(lighting, 1.0);
}

更新

根据@Moormanly的回答，我通过在getContext中设置抗锯齿属性来实现以下效果：

默认抗锯齿：

抗锯齿 = false：

- Jaime

Answer 1

在使用getContext方法创建上下文时，可以使用（可选的）第二个参数设置属性。

代码：

var context = canvas.getContext('webgl', {antialias: false});

有关更多信息，请参阅WebGL规范的第5.2章节。

来自forums.tigsource.com

- Moormanly

---

使用您的建议，图像更加拼凑，但并不完美，仍然存在一些锯齿感。我正在使用macOS/Safari浏览器。 - Jaime

请查看我添加到问题中的截图。 - Jaime

问题只出现在Safari浏览器上。Chrome浏览器正常工作。这可能与Retina有关，但无论如何，gl.ReadPixels()返回的是平面颜色。 - Jaime