WebGL线条的宽度/颜色不一致

我试图用webgl绘制一些线条，但线条的宽度/颜色不一致。你可以在截图中看到我的意思

我正在使用的顶点：

let vertices = [
    0, -1,
    0, 1,

    -1, 0,
    1, 0,

    0.02, -1,
    0.02, 1,

    -0.02, -1,
    -0.02, 1,

    -1, 0.02,
    1, 0.02,

    -1, -0.02,
    1, -0.02
];

顶点着色器

attribute vec2 a_position;

void main() {
    gl_Position = vec4(a_position, 0, 1);
}

片段着色器

void main() {
    gl_FragColor = vec4(1, 1, 1, 1);
}

有人能解释为什么会发生这种情况，也许能为我指出正确的方向，让这些线条看起来一样吗

---

提前谢谢

看起来你的线条是抗锯齿的，也就是说，如果它们不是像素精确的，它们会在多个像素上流血/挤压。这是有道理的。当我使用像素并将其转换为clipspace时，它看起来就像我期望的那样。谢谢您的回复。：）要知道。如果你想要更宽的线，你需要。