如何获得 1px 线答案

【问题标题】：How to get a 1px line如何获得 1px 线
【发布时间】：2017-11-21 05:42:34
【问题描述】：

我看过例子：

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 创建图形并设置线的四个角。肯定有一种简单的方法可以解决这个问题吗？

【问题讨论】：

标签： pixi.js

【解决方案1】：

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

似乎这是 Chrome 中画布的一般错误。哇哦。

这意味着它与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);

【讨论】：