Question

我甚至无法从BitmapText或pixi.js实例化pixi.dev.js对象而不会遇到错误

pixi.dev.js:3688 Uncaught TypeError: Cannot read property 'size' of undefined

我的实施是他们琐碎的example

text = new PIXI.BitmapText('test', {font:'Arial'});

我已将错误完全跟踪到上面尝试的实例化。以下是pixi.dev.js源代码中的相关摘录（错误发生在最后一行）。

PIXI.BitmapText.prototype.updateText = function()
{
    var data = PIXI.BitmapText.fonts[this.fontName];
    var pos = new PIXI.Point();
    var prevCharCode = null;
    var chars = [];
    var maxLineWidth = 0;
    var lineWidths = [];
    var line = 0;
    var scale = this.fontSize / data.size;
    ...

这是库中的错误，还是我做错了什么？

Answer 1

BitmapText要求您先加载字体。您可以使用angelcode：http://www.angelcode.com/products/bmfont/

中的BMFont软件创建字体

从BMFont导出字体时，最终会得到一个看起来像纹理图集的png图像以及一个xml文件。然后你可以加载你的BitmapFont：

var loader = new PIXI.AssetLoader(["MyBitmapFont.xml"]);
loader.onComplete = function()
{
    stage.addChild( new PIXI.BitmapText("SomeText", { font: "35px MyBitmapFont", align: "left"}));
};
loader.load();

PIXI示例10是一个更完整的示例： https://github.com/GoodBoyDigital/pixi.js/tree/master/examples/example%2010%20-%20Text

您可以使用示例字体＆＃34; desyrel＆＃34;为自己尝试一下。

PIXI BitmapText错误（“无法读取未定义的属性'大小'”）

1 个答案: