Добавить фон к тексту в Pixi. js? - PullRequest
Новая
       30

Добавить фон к тексту в Pixi. js?

0 голосов
/ 21 апреля 2020

Можно ли как-нибудь добавить фон к своему тексту в Pixi. js? Я ищу такой эффект:

Highlighted text example.

Создание фонового спрайта и присвоение ему того же положения и размеров, что и у текстового объекта. работать здесь, так как это всегда дает мне прямоугольник, который не то, что я хочу. Я думаю, я мог бы создать текстовый объект на строку и использовать этот подход, но, поскольку текст произвольно устанавливается пользователем, мне пришлось бы разработать собственный алгоритм переноса строк, чтобы это можно было сделать. Это кажется слишком сложным.

Вот мой код без фона ( fiddle ): 

var app = new PIXI.Application({
    width: window.innerWidth,
    height: window.innerHeight,
    backgroundColor: 0x2c3e50
});

document.body.appendChild(app.view);

var text = new PIXI.Text("HELLO\nWORLD!", {
    align: "center"
})

text.anchor.set(0.5);
text.x = app.renderer.width / 2;
text.y = app.renderer.height / 2;

app.stage.addChild(text);
...