現在、ウィンドウいっぱいの Canvas アプリケーションに KineticJS を使用しています。キャンバスには、主に画面の中央に関連して配置されるいくつかの形状が含まれていますが、画面の端に配置される他の形状もいくつかあります。
ページが最初に表示されたときにこれらすべての座標を計算することは問題ではありませんが、ウィンドウのサイズが変更された後/変更されたときに形状座標を処理する方法が見つかりませんでした。
jQuery を介して、ウィンドウのサイズが変更されると、ステージとそのレイヤーのサイズが変更されますが、これは形状の座標を変更しないため、以前に中央に配置されていたアイテムは中央に配置されなくなります。
本当にすべての形状をループして座標を再計算する必要がありますか? それらは異なる式で計算されるため、自明ではありません。
補足として、Canvas に直接アクセスできる (= KineticJS を使用しない) 同じアプリケーションを実装し、キャンバス全体を再レンダリングするだけでサイズ変更を処理しました ;) render メソッドには座標計算が含まれていたため、すべてが常に正しい位置にありました.