GWT Context2d lineWidth

Question

我正在尝试绘制1像素厚的线条(GWT，Context2d)，代码片段如下：

context.beginPath();
context.setStrokeStyle("rgb(255,0,0)");
context.setLineWidth(1f);
double x = 0;
double gridSize = 10.0f;
while (x < w){
    x += gridSize;
    context.moveTo(x, 0);
    context.lineTo(x, h);
}
context.stroke();

这段代码绘制的线条至少有2个像素粗。

有什么想法吗？

Answer 1

试着在坐标上加0.5。浏览器应用抗锯齿，这可能会导致模糊或"2像素粗线“。