在SVG画布上创建一个网格图层

Question

全部，

我们真的可以从SVG大师的一些建议。我们有： 有一个SVG画布，我们有坐标映射（X &光标的Y轴位置）。当用户在SVG画布上移动光标时，坐标将实时显示在网页的左上角。

我们想要的： 我们希望在SVG画布层（鼠标坐标映射到的顶部）上添加一个栅格图层，以便网格层始终保持最佳状态，而不管用户做什么与基础层。即使网格层现在处于顶层，我们也希望坐标继续显示。

问题： 当我们在现有图层上添加一个SVG网格图层时，鼠标坐标停止工作（可以理解，因为它们是基于现在被网格图层隐藏的SVG图层） 。同样，由于用户将与基础层进行交互（他们只能显示/隐藏网格层），我们希望他们继续完成我们希望他们对基础层做的所有事情，尽管顶部网格尽管如此。

简而言之：我们希望在我们的SVG画布上使用photoshop网格功能。

任何建议将是非常棒的帮助。

Answer 1

听起来像是想将pointer-events="none"添加到网格图层。这将使鼠标事件通过网格层，即使它位于顶层，即使它不透明。有关更多详细信息，请参阅here。