如何让wordWrap在PIXIjs BitmapText中工作

Question

目标

我们正在尝试让wordWrap与PIXIjs (v3) PIXI.extras.BitmapText一起工作，但我们无法让它以与标准文本相同的方式工作。

所需输出： [按预期包装文本]

var someText = new window.PIXI.Text('blah blah blah',
                {
                    font: '32px Arial',
                    fill: 0x939393,
                    align: 'center',
                    wordWrap: true,
                    wordWrapWidth: me.width * (0.9 / window.devicePixelRatio)
                });

问题：[未按预期包装文本]

var someOtherText = new window.PIXI.BitmapText('blah blah blah',
                {
                    font: 'santana-grey-20',
                    align: 'center',
                    wordWrap: true,
                    wordWrapWidth: me.width * (0.9 / window.devicePixelRatio)
                });

以前有人这样做过吗？或者对尝试什么有什么建议？

Answer 1

在bitmap Text中，必须将样式的maxWidth属性设置为换行符参见此处

var someOtherText = new window.PIXI.BitmapText('blah blah blah',
                {
                    font: 'santana-grey-20',
                    align: 'center',
                    maxWidth: 200
// The max width of the text before line wrapping.
                });

Answer 2

与PIXI.Text不同，PIXI-BitmapText没有内置的换行支持。

您唯一的选择是将文本拆分为多个PIXI BitmapText。