在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;

  });
}

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

我在哪里做错了?

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)