Javascript Particles.js不'；t与光标交互

我有一个particles.js文件作为我网站的背景，它显示正确，但不与鼠标交互，它只是被设置成一个视频

事先非常感谢你

---

更新：在下面的评论中解决。只需更改应用程序中交互的“窗口”而不是“画布”。js已解决。第一个代码是我编写的，第二个代码是解决方案。我会把这个贴出来，以防对任何人都有帮助

“交互性”：{
“在画布上检测”：“画布”，
“事件”：{
“悬停”：{
“启用”：正确，
“模式”：“气泡”
}，

已解决。第一个代码是我已解决的，第二个代码是解决方案。我将发布此代码，以防它对任何人都有帮助

“交互性”：{
“在画布上检测”：“画布”，
“事件”：{
“悬停”：{
“启用”：正确，
“模式”：“气泡”
}，

particlesJS（“粒子js”，{“粒子”：{“数字”：{“值”：80，“密度”：{“启用”：真，“值面积”：800}，“颜色”：{“值”：{“值”：{ffffff”}，“形状”：{“类型”：“圆”，“笔划”：{“宽度”：0，“颜色”：{“nb U边”：5}，“图像”：{“src”：“img/github svg”，“宽度”：100，“高度”：100}，“不透明度”：“值”：0.5”，“随机启用”：：false，“speed”：1，“opacity\u min”：0.1，“sync”：false}，“size”：{“value”：3，“random”：true，“anim”：{“enable”：false，“speed”：40，“size\u min”：0.1，“sync”：false}，“line\u linked”：{“enable”：true，“distance”：150，“color”：“color”：“ffffff”，“opacity”：0.4，“width”：1}，“move”：{“enable”：true，“speed”：6，“direction”：“none”，“random”：“none”；“random”：false，“直线”：false，“out\u模式”：“out”；“out”；“out”；“bounce”，“吸引”：{“启用”：false，“rotateX”：600，“rotateY”：1200}}}}，“交互”：{“在画布上检测”：“事件”：{“悬停”：{“启用”：true，“模式”：“排斥”}，“onclick”：{“启用”：true，“模式”：“推”}，“调整大小”：true}，“模式”：{“抓取”{“距离”：400，“线链接”{“不透明度”：1}，“气泡”{“距离”：400，“大小”：40，“持续时间”：2，“不透明度”：8，“速度”：3}，“排斥”{距离：200，“持续时间”：0.4}，“推送”：{“粒子数”：4}，“移除”：{“粒子数”：2}}}，“视网膜检测”：真}；变量计数粒子数，统计，更新；统计=新统计；统计.设置模式（0）；统计.多梅莱.样式.位置='绝对'；统计.多梅莱.样式.左='0px'；统计.多梅莱.样式.顶部='0px'；文档.正文.附录子项（统计.多梅莱）；count_particles=document.querySelector（'.js count particles'）；update=function（）{stats.begin（）；stats.end（）；if（window.pJSDom[0].pJS.particles&&window.pJSDom[0].pJS.particles.array.length；}requestAnimationFrame（更新）；}；requestAnimationFrame（更新）；

/*----reset----*/body{margin:0；font:normal 75%Arial，Helvetica，sans serif；}canvas{display:block；vertical align:bottom；}/*----particles.js容器---*/#particles js{位置：绝对；宽度：100%；高度：100%；背景色：b61924；背景图像：url（“”）；背景重复：不重复；背景大小：封面；背景位置：50%50%；}/*----stats.js----*/.count粒子{背景：#000022；位置：绝对；顶部：48px；左侧：0；宽度：80px；颜色：#13E8E9；字体大小：.8em；文本对齐：左侧；文本缩进：4px；行高：14px；填充底部：2px；字体系列：Helvetica，Arial，无衬线；字体重量：粗体；}.js计数粒子{字体大小：1.1em；}统计，}计数粒子{-webkit用户选择：无；页边距顶部：5px；页边距左侧：5px；}统计{边界半径：3px 3px 0；溢出：隐藏；}。计数粒子{边界半径：0 0 3px 3px；}

--粒子

particlesJS（“粒子js”，{“粒子”：{“数字”：{“值”：80，“密度”：{“启用”：真，“值面积”：800}，“颜色”：{“值”：{“值”：{ffffff”}，“形状”：{“类型”：“圆”，“笔划”：{“宽度”：0，“颜色”：{“nb u边”：5}，“图像”：{“src”：“img/github svg”，“宽度”：100，“高度”：100}，“不透明度”：“值”：0.5”，“随机启用”：{“：false，“speed”：1，“opacity\u min”：0.1，“sync”：false}”，size:{“value”：3，“random”：true，“anim”：{“enable”：false，“speed”：40，“size\u min”：0.1，“sync”：false}”，line\u linked:{“enable”：true，“distance”：150，“color”：“{”ffffffff；“opacity”：0.4，“width”：1}”，move:{“enable”：true，“speed”：6，“direction”：“none”，“random”：false，“stream”：false，“out”；“out”；“out”；“out”；“out”；“out”；“bounce”，“吸引”：{“启用”：false，“rotateX”：600，“rotateY”：1200}}}}，“交互”：{“在画布上检测”：“事件”：{“悬停”：{“启用”：true，“模式”：“排斥”}，“onclick”：{“启用”：true，“模式”：“推”}，“调整大小”：true}，“模式”：{“抓取”{“距离”：400，“线链接”{“不透明度”：1}，“气泡”{“距离”：400，“大小”：40，“持续时间”：2，“不透明度”：8，“速度”：3}，“排斥”{距离：200，“持续时间”：0.4}，“推送”：{“粒子数”：4}，“移除”：{“粒子数”：2}}}，“视网膜检测”：真}；变量计数粒子数，统计，更新；统计=新统计；统计.设置模式（0）；统计.多梅莱.样式.位置='绝对'；统计.多梅莱.样式.左='0px'；统计.多梅莱.样式.顶部='0px'；文档.正文.附录子项（统计.多梅莱）；count_particles=document.querySelector（'.js count particles'）；update=function（）{stats.begin（）；stats.end（）；if（window.pJSDom[0].pJS.particles&&window.pJSDom[0].pJS.particles.array.length；}requestAnimationFrame（更新）；}；requestAnimationFrame（更新）；

/*----reset----*/body{margin:0；font:normal 75%Arial，Helvetica，sans serif；}canvas{display:block；vertical align:bottom；}/*----particles.js容器---*/#particles js{位置：绝对；宽度：100%；高度：100%；背景色：b61924；背景图像：url（“”）；背景重复：不重复；背景大小：封面；背景位置：50%50%；}/*----stats.js----*/.count粒子{背景：#000022；位置：绝对；顶部：48px；左侧：0；宽度：80px；颜色：#13E8E9；字体大小：8em；文本对齐：左侧；文本缩进：4px；线宽：14px；填充底部：2px；字体系列：Helvetica，Arial，无衬线；字体重量：粗体；