让 canvas 鼠标移动事件监听器函数在文本上方时起作用,使文本保持可选。

作者: ChrisCalabrese创建于 2022年3月9日更新于 2024年5月20日

大家好,我有一个画布 正在运行Web GL流体粒子动画。 我的问题是,如果画布位于物体下方,用于画布的鼠标移动事件就停止了射击. 如果我在覆盖画布的物体上使用诸如"指针-事件:无;"之类的cs,动画将会奏效,但之后我无法在物体中选择文字或使用按钮. 我如何让画布发射它的鼠标动画 即使物体正在覆盖它,同时能够与这些物体相互作用。 是否有一种方法可以添加或调整画布鼠标事件倾听器,从而在物体超过它时会起火? 这是当前画布鼠标移动听器的代码 :

`canvas.add Event listener ('mousemove'),函数 (e) { var指针 =指针 [0]; 如果(指针.下方)返回, var posX = 比例尺ByPixelRatio(e.offsetX); var posY = 比例尺ByPixelRatio(e.ffsetY); 更新Pointer MoveData(指针、posX、posY); 控制台.log ('over the scape') ;

  • );`;

以下是在可选文本下方显示鼠标交互的示例 : https://advanced.team/ 页面存档备份,存于互联网档案馆. https://www.vantajs.com/ (中文(中国大陆) ).

密码笔样本 : https://codepen.io/chriscalabrese/pen/RwjmNZW (中文(简体) ).

谢谢!

内容来源: PavelDoGreat/WebGL-Fluid-Simulation