Javascript 如何在Easeljs中更改对齐方式后更新文本的命中区域

我使用easel.js创建了一个应用程序，用户可以在画布上动态添加文本

用户可以选择更改已添加到画布上的文本的对齐方式

在对齐方式更改时，触发一个事件，该事件在下面的代码中执行

textAlignmentOptions.on("change", function (event) {
let selectedAlignment = event.Data; //"left", "right" or "center"

textField => {
    // update the alignment
    textField.textAlign = selectedAlignment;

    // update the hitarea
    let bounds = textField.getBounds();
    let hitArea = new createjs.Shape();
    hitArea.graphics.f("red").r(bounds.x, bounds.y, bounds.width, bounds.height);
    textField.hitArea = hitArea;

  });
}

对齐方式已成功更改，但此代码无法更新文本区域

---

我哪里做错了？

我不知道为什么这样做行不通。正确使用边界的x/y（常见错误）。我在一把旧小提琴上做了一个快速测试，结果似乎还可以：