在SVG画布上创建网格层

全部,

我们可以从SVG大师那里得到一些建议。

有一个SVG画布,我们在上面映射了坐标(光标的X&Y轴位置)。当用户在SVG画布上移动光标时,坐标将实时显示在网页的左上角。

我们想要的是: 我们希望在SVG画布层(鼠标坐标映射在该层上)的顶部添加一个网格层,以便无论用户对基础层做什么,网格层始终保持在顶部。我们还希望坐标继续显示,即使网格层现在在顶部。

问题是: 当我们在现有层上添加SVG网格层时,鼠标坐标停止工作(可以理解,因为它们基于现在被网格层隐藏的SVG层)。 此外,由于用户将与基础层交互(他们只能显示/隐藏网格层),我们希望他们继续执行我们希望他们在顶部网格的基础层上执行的所有操作。

简单地说:我们希望在SVG画布上使用photoshop网格之类的功能。