Я посмотрел примеры:

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 и вместо этого установить четыре угла линии. Неужто должен быть простой способ исправить это?

0
basickarl 21 Ноя 2017 в 00:08

1 ответ

Лучший ответ

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

Похоже, это общая ошибка холста в Chrome. Вааа.

Это означает, что это связано с Рисование 1px толстая линия на холсте создает линию толщиной 2 пикселя

Ответ: https://stackoverflow.com/a/13879402/1137669

Добавьте 0,5 к позиции. Так:

graphics.moveTo(0.5, 0.5);
graphics.lineTo(10.5, 10.5);
1
basickarl 20 Ноя 2017 в 21:42