Question

我正在尝试创建一个带有一些对齐文本的语音气泡。为此，我找到了这个优秀的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非常新，并且不知道如何：）

Answer 1

您需要创建一个同时包含位图和文本实例的Container。

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

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

你已经知道了ScaleBitmap的矩形，所以你应该能够使用它来定位文本。

Createjs将文本添加到图像

1 个答案: