Fabric.jsでオブジェクトを回転させた後の境界ボックスの境界線を再描画

Question

私はFabric.js（バージョン1.7.19）を使用してキャンバスに描画しています。アクティブオブジェクトを90度回転させる「回転」ボタンがあります。回転はうまくいきますが、オブジェクトを囲むオブジェクトは回転したオブジェクトを反映するように変化しません。奇妙に見える以外は、オブジェクトを適切に選択できません。

は、ここに私の回転オブジェクト関数です。

rotateItem = (e) => { 
    e.preventDefault(); 
    const currentAngle = this.state.activeItem.item(0).get('angle'); 
    this.state.activeItem.item(0).setAngle(currentAngle + 90).setCoords(); 
    fabricCanvas.renderAll(); 
} 

Answer 1

私はそれを理解しました。私は新しいファブリックを追加しました。キャンバスにグループ化してから、グループ内の最初のアイテムを回転させて（つまり、.item(0)）、本当に必要なのはグループ全体を回転させることでした。 .item(0)を削除すると問題が解決しました。

rotateItem = (e) => { 
    e.preventDefault(); 
    const currentAngle = this.state.activeItem.get('angle'); 
    this.state.activeItem.setAngle(currentAngle + 90).setCoords(); 
    fabricCanvas.renderAll(); 
}