如何获得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中画布的常见错误。 WAAA。

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

有关

答案：https://stackoverflow.com/a/13879402/1137669

将0.5添加到该位置。所以：

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