Createjs добавить текст в изображение

Question

Я пытаюсь создать речевой пузырь с некоторым выровненным текстом внутри него. Для этой цели я нашел эту прекрасную GitHub:

Scalebitmap

Теперь проблема заключается в том, что я не могу получить мой текст внутри него. и мне было интересно, пытался ли кто-нибудь из вас это сделать.

вот часть кода Айв, написанных для этой цели:

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, так что вы должны быть в состоянии поместить текст с помощью этого.