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

如何解决在Easeljs中更改对齐方式后如何更新文本的点击区域

我使用easyl.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;

  });
}

对齐方式成功更改，但是此代码无法更新文本的点击区域。

我在哪里做错了？