Javascript Createjs将文本添加到图像

我试图创建一个语音泡泡，里面有一些对齐的文本。为此，我发现了这个优秀的github：

现在的问题是，我似乎无法把我的文字放在里面。我想知道你们中是否有人尝试过

以下是我为此编写的一些代码：

   var image = new Image();
image.onload = function() { stage.update(); }
image.src = "assets/ScaleBitmapImage.png";

var text = new createjs.Text("Hello World", "20px Arial", "#ff7700");
var sb = new createjs.ScaleBitmap(image, new createjs.Rectangle(12, 12, 5, 50));

sb.setDrawSize(200, 300);

stage.addChild(sb);

createjs.Tween.get(sb).to({alpha: 0},5000).call(doneAnimating);

function doneAnimating() {
    createjs.Ticker.removeEventListener("tick", stage);
}

---

现在我想在图像内部对齐

Hello world

，但是我对

createjs

非常陌生，不知道如何：）

你需要创建一个包含位图和文本实例的

容器

var container = new createjs.Container();
var sb = new createjs.ScaleBitmap();
var text = new createjs.Text();

container.addChild(sb, text);
stage.addChild(container);

您已经知道ScaleBitmap的矩形，因此应该能够使用该矩形定位文本