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
• OS 및 버전 : Macbook Pro, OS 10.13.6
• 실행 예 : https://jsfiddle.net/r63ud8yL/1/ , https://jsfiddle.net/r63ud8yL/2/