Pixi.js: पैरेंट कंटेनर की चौड़ाई बढ़ाए बिना राइट-अलाइन किए गए टेक्स्ट को अपडेट नहीं कर सकता

हां, मैंने पहले संबंधित मुद्दों को देखा: #4341, #4002, #3476

मैं टेक्स्ट का एक टुकड़ा बनाना चाहता हूं, इसे स्क्रीन के दाईं ओर संरेखित करना चाहता हूं, फिर टेक्स्ट को स्क्रीन के दाईं ओर संरेखित करते हुए अपडेट करना चाहता हूं।

anchor.x = 1 का उपयोग करके मेरा पहला दृष्टिकोण यहां दिया गया है:
https://jsfiddle.net/r63ud8yL/1/

const app = new PIXI.Application({resizeTo: document.body, backgroundColor: 0xFFFFFF})
document.body.append(app.view)

// Forcing app.stage to occupy width of screen
// Is there a better way to do this?
const neCorner = new PIXI.Sprite()
neCorner.x = 0
neCorner.y = 0
const swCorner = new PIXI.Sprite()
swCorner.x = document.body.clientWidth
swCorner.y = document.body.clientHeight
app.stage.addChild(neCorner, swCorner)

const text = new PIXI.Text('first')
app.stage.addChild(text)
text.anchor.x = 1

// Align text to right edge
text.x = app.stage.width

// Replacing text with a longer string
text.text = 'second'
// It extends past the edge of the window; only 'sec' is visible

(stage.width - text.width) का उपयोग करके मेरा दूसरा दृष्टिकोण यहां दिया गया है, जिसका एक ही परिणाम है:
https://jsfiddle.net/r63ud8yL/2/

const app = new PIXI.Application({resizeTo: document.body, backgroundColor: 0xFFFFFF})
document.body.append(app.view)

// Forcing app.stage to occupy width of screen
// Is there a better way to do this?
const neCorner = new PIXI.Sprite()
neCorner.x = 0
neCorner.y = 0
const swCorner = new PIXI.Sprite()
swCorner.x = document.body.clientWidth
swCorner.y = document.body.clientHeight
app.stage.addChild(neCorner, swCorner)

const text = new PIXI.Text('first')
app.stage.addChild(text)

// Align text to right edge
text.x = (app.stage.width - text.width)

// Replacing text with a longer string
// It extends past the edge of the window; only 'sec' is visible
text.text = 'second'

// Attempting to align text to right edge again...
text.x = (app.stage.width - text.width)
// ...but the longer text expanded the width of app.stage
// so still only 'sec' is visible

मुझे लगता है कि मैं app.stage की मूल चौड़ाई को स्टोर कर सकता हूं और उस पर अपना टेक्स्ट संरेखित कर सकता हूं, लेकिन मैं उस मान को स्टोर करने की आवश्यकता नहीं करना पसंद करूंगा। मुझे ऐसा लगता है कि स्थायी एंकर से दाएं से बाएं सिंगल-लाइन टेक्स्ट को "प्रवाह" करने का एक तरीका होना चाहिए। क्या मुझे एक कदम याद आ रहा है?

वातावरण

• pixi.js संस्करण : 5.1.0
• ब्राउज़र और संस्करण : 75.0.3770.142
• ओएस और संस्करण : मैकबुक प्रो, ओएस 10.13.6
• रनिंग उदाहरण : https://jsfiddle.net/r63ud8yL/1/ , https://jsfiddle.net/r63ud8yL/2/