キャンバス上にオーバーレイコンテナを作成し、このコンテナ上にコメントピンを静的に配置する

キャンバス上にオーバーレイコンテナを作成し、このコンテナ上にコメントピンを静的に配置する

We came up with the solution to create an overlay container on the canvas and then to position the comment pins statically on this container. From there, we repositioned the overlay container (one computation) using CSS translate instead of doing so with each comment pin (n computations) as the viewport moves (illustrated in the second screen recording). Now, every viewport change triggers an O(1) operation instead of O(n) operation.

そこで、キャンバス上にオーバーレイコンテナを作成し、このコンテナ上にコメントピンを静的に配置するという解決策を思いつきました。そこから、ビューポートが移動するたびにコメントピンを再配置する（n回の計算）代わりに、CSS translateを使用してオーバーレイコンテナを再配置する（1回の計算）（2番目の画面録画に示されています）。これで、ビューポートが変わるたびに、O(n)回の計算ではなく、O(1)回の計算が発生するようになりました。