javascript - コンテナ内のテキストを中央揃え (EaselJS)

Question

私は EaselJS を初めて使用し、中央揃えのテキストで色付きのコンテナーを作成しようとしています。これは私のコードです:

var width = 100, height = 100;
canvas.width = width + 10;
canvas.height = height + 10;
var container = new c.Container();
container.x = 10;
container.y = 10;
container.setBounds(0, 0, width, height);

var rect = new c.Shape();
rect.graphics.beginFill('#6e7e8e').drawRect(0, 0, width, height);
container.addChild(rect);

var text = new c.Text();
text.set({
    text: 'hello',
    textAlign: 'center'
});
container.addChild(text);
stage.addChild(container);
stage.update();

何らかの理由で、テキストがコンテナーの中央に配置されていませんが、テキストの半分がコンテナーからはみ出しています。私のコードの問題は何ですか?