Html5キャンバスのグラフィックコンテキストを使用してビューの階層をレンダリングするオープンソースライブラリを開発しています。ただし、完全に不透明なコンテンツのレンダリングを高速化できるように、パフォーマンスを最適化したいと考えています。
そのようなロジックをどのように実装できますか?
そのようなシステムを実装する方法に関する有益なリソースまたはチュートリアルを知っていますか?
現在、私は ui-kit に似た基本的な描画モデルを使用しており、各ビューは画面上の長方形の領域を表しています。レンダリング エンジンはビュー オブジェクトとは別に実装され、再描画が必要なダーティ ビューを含むリストに基づいてコンテンツをレンダリングします。
編集：
ライブラリと現在のレンダリング システム
ライブラリは、グラフィックスを動的にレンダリングするキャンバス要素機能上の、いわゆるプラットフォームまたは抽象レイヤーです。現在、表示リストなどの管理の基本を実装していますが、まだ最適化されていません。
現在のレンダリング エンジンはバッファを使用しており、後でビューを再描画できるようにビューの描画コマンドをキャッシュしています。ただし、ビューが 1 つだけ無効になると、階層の再描画が必要になるため、描画にはオーバー ハルがあります。
画面コンテンツのダーティな四角形を管理するシステムを実装するにはどうすればよいですか?