在SVG畫布上創建一個網格圖層

Question

全部，

我們真的可以從SVG大師的一些建議。我們有： 有一個SVG畫布，我們有座標映射（X &光標的Y軸位置）。當用戶在SVG畫布上移動光標時，座標將實時顯示在網頁的左上角。

我們想要的： 我們希望在SVG畫布層（鼠標座標映射到的頂部）上添加一個柵格圖層，以便網格層始終保持最佳狀態，而不管用戶做什麼與基礎層。即使網格層現在處於頂層，我們也希望座標繼續顯示。

問題： 當我們在現有圖層上添加一個SVG網格圖層時，鼠標座標停止工作（可以理解，因爲它們是基於現在被網格圖層隱藏的SVG圖層） 。同樣，由於用戶將與基礎層進行交互（他們只能顯示/隱藏網格層），我們希望他們繼續完成我們希望他們對基礎層做的所有事情，儘管頂部網格儘管如此。

簡而言之：我們希望在我們的SVG畫布上使用photoshop網格功能。

任何建議將是非常棒的幫助。

Answer 1

聽起來像是想將pointer-events="none"添加到網格圖層。這將使鼠標事件通過網格層，即使它位於頂層，即使它不透明。有關更多詳細信息，請參閱here。