나는 예제를 검토 한 결과 1 픽셀 라인

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

은 크롬에서 캔버스 일반적인 버그 것 같다. 와아. 그것을 의미

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