如何获得 1px 线

Question

我看过示例：

http://pixijs.io/examples/#/basics/graphics.js

const app = new PIXI.Application(10, 10), {
    antialias: true,
    backgroundColor: 0xffffff,
});
const graphics = new PIXI.Graphics(true); // <- native lines http://pixijs.download/dev/docs/PIXI.Graphics.html#Graphics
graphics.lineStyle(1, 0xffffff, 1);
graphics.moveTo(0, 0);
graphics.lineTo(10, 10);
graphics.endFill();
app.stage.addChild(graphics);

这将创建一条 2px 宽的线。我想知道我是否需要使用 TRIANGLE_STRIP 创建图形并改为设置线条的四个角。一定有解决这个问题的简单方法吗？

Answer 1

https://github.com/pixijs/pixi.js/issues/243

这似乎是 Chrome 中 canvas 的一般错误。哇。

这意味着它与Drawing a 1px thick line in canvas creates a 2px thick line

有关

答案：

位置加0.5。所以：

graphics.moveTo(0.5, 0.5);
graphics.lineTo(10.5, 10.5);

如何获得 1px 线

How to get a 1px line

pixi.js