我正在尝试制作一个背景WebGL页面，根据鼠标的位置来更改图像的透视图。分层ontop是一种具有多种形状的SVG图像。问题是，SVG有一个不可见的画布(artboard？)，它会导致后台WebGL停止与鼠标的交互。
我的问题是：当鼠标同时位于Background WebGL和SVG上时，鼠标如何与两个"层"交互？换句话说，我希望鼠标与多个层交互。
非常感谢。
您可以捕获顶部SVG"层"上的鼠标位置坐标，并将其存储为全局变量，您可以使用该全局变量在两个层上进行调整。
如果您不需要直接与SVG层和鼠标交互，那么只需在整个SVG"层"上使用pointer-events:none即可——这将导致所有鼠标交互都进入底部WebGL层。