全て、
SVGの達人からのアドバイスで本当にできました。
私たちが持っているもの：座標がマップされているSVGキャンバスがあります（カーソルのX軸とY軸の位置）。ユーザーがSVGキャンバス上でカーソルを移動すると、座標がWebページの左上にリアルタイムで表示されます。
必要なもの：SVGキャンバスレイヤー（マウス座標がマップされている）の上にグリッドレイヤーを追加して、ユーザーがベースレイヤーで何をしているかに関係なく、グリッドレイヤーが常に上にとどまるようにします。また、グリッドレイヤーが現在上にある場合でも、座標が引き続き表示されるようにします。
問題の内容：既存のレイヤーの上にSVGグリッドレイヤーを追加すると、マウスの座標が機能しなくなります（当然のことながら、グリッドレイヤーによって隠されているSVGレイヤーに基づいているため）。また、ユーザーはベースレイヤーを操作するため（グリッドレイヤーの表示/非表示のみが可能）、上部のグリッドに関係なく、ベースレイヤーで実行したいすべてのことを引き続き実行する必要があります。
簡単に言うと、SVGキャンバスにフォトショップグリッドのような機能が必要です。
どんなアドバイスも素晴らしい助けになるでしょう。