27

getBoundingClientRect()実際に計算せずに要素の長方形が変更されたことを検出する方法はありますgetBoundingClientRect()か? 「汚い旗」のようなもの?単純に、ブラウザの内部動作のどこかにそのようなメカニズムがあるに違いないと思いますが、DOM API で公開されているものを見つけることができませんでした。MutationObservers でこれを行う方法はありますか?

私のアプリケーションは、DOM 要素をグラフのノードに変換し、エッジを全画面キャンバスに描画する Web コンポーネントです。ここを参照してください。

現時点ではgetBoundingClientRect()、何も変更されていない場合でも、アニメーション フレーム フレームごとに 1 回、すべての要素を呼び出しています。高価な感じです。私は通常、60 fps でかなり強力なコンピューターで %15-%50 の CPU 使用率を得ています。

誰かそのようなことを知っていますか?このようなことを期待するのは合理的だと思いますか? このようなことは実現可能ですか?以前に提案されたことはありますか?

4

1 に答える 1