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); 

これは2ピクセル幅の線を作成します。代わりにTRIANGLE_STRIPを使ってグラフィックスを作成し、代わりにラインの四隅を設定する必要があるかどうか疑問に思っています。確かにこれを固定する簡単な方法がなければなりませんか？

Answer 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を追加します。 So：

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