问题标签 [particles.js]

我有以下代码通过其 id（固定后画布）将particle.js 添加到元素，但我似乎无法将其设置为选择一个类而不是 id。添加.somediv #fixed-back-canvas而fixed-back-canvas不是似乎不起作用。

有任何想法吗？

我目前正在一个投资组合网站上工作，并正在尝试集成一个非常方便的功能，称为particle.js。它工作正常并且非常容易集成到静态 HTML 页面中，但问题是我正在开发自定义 Wordpress 主题并不断出错。我正在使用指定的 CDN 引入particles.js 的脚本，并且我将json 和app 文件本地保存在我的文件中。我正在为这个库工作所需的两个 js 文件使用 enqueue。我将链接到两个本地文件的代码，我还将链接 CDN！

这两个文件的链接在这里：https ://gist.github.com/anonymous/5c6dc4675e93afb53ef97192628f2fe1

CDN 的链接在这里：https ://www.jsdelivr.com/package/npm/particles.js

入队代码如下：

这是我得到的错误：

错误截图

我尝试了多种方法，但似乎没有任何效果。我尝试在不同的浏览器中运行它，但它仍然不想工作。正如我之前所说，它在静态 HTML 页面上运行良好，但不适用于 wordpress……我真的需要帮助，因为我没有找到任何关于将此库与 Wordpress 站点集成的信息，因此非常感谢任何输入。谢谢！

以下是我正在开发的 URL www.vidyotan.org。该网站在桌面上运行良好，但是当您在 chrome 浏览器中的手机中打开它时，如果您看到它在底部和向上快速滚动，您会看到它滞后，它首先显示白色背景，然后显示所有内容，这是一个非常错误的事情。我试图解决这个错误很长一段时间。请问，有人可以帮帮我吗？

我正在使用particle.js

在实现了particle.js 之后，这个错误的事情就发生了。任何人都可以提供解决方案吗？

我安装了particle.js：npm particles.js --save

错误：bundle.js:54 GET http://localhost:8080/particles.json 404（未找到）

我尝试了不同的路径，但似乎不起作用。

在文件app.js中：

文件夹结构：
- index.html
- src/js/app.js
- src/js/particles.json

我正在尝试使用particles.js作为我网页的背景。我见过的所有示例都将粒子作为整个网页的背景（页面上没有滚动）。但是，我只希望粒子作为页眉的背景（使用引导程序 4）：

现在粒子在两个部分之上，但在所有文本、按钮、图像等之后。如何让粒子完全在第 2 部分后面？我尝试将第 2 部分的 z-index 设置为 9999，但该部分中的粒子仍然可见。

这可能不是最好的方法，但我尝试过的其他方法也没有奏效。将 section 1 和particles-js height 设置为百分比在大屏幕上效果很好，但是当屏幕高度较小时，section 1 中的文本会悬停在 section 2 中。在某些设备上设置高度到精确的像素值。将内容直接放在particles-js div 中也效果不佳。

任何在不影响响应性的情况下获得第 2 部分后面的粒子的解决方案都会很棒。

在 Laravel 5.6 中，我想将particles.js 作为登录系统的背景。如何在 Laravel 中集成particles.js？

我正在使用粒子 js 作为背景图片。现在

我必须将 position 属性设置为.textas absolute。否则，该部分将保持隐藏状态。我似乎不明白为什么其他人变得隐藏起来。我不能使用absolute，因为它会破坏我的代码。下面是css。只有当我设置.text为position:absolute它会显示

我想知道如何在我的 Shiny 应用程序的背景中实现粒子动画，如https://vincentgarreau.com/particles.js/中提供的

到目前为止，以下是我的闪亮代码。

用户界面

服务器.R

CSS.css

JS.js

显然，上面的代码无法将粒子动画合并到我的 Shiny 应用程序的背景中。

任何指向正确方向的指针都将受到高度赞赏。

谢谢，

我有这个由 Wordpress 制作的演示网站，在英雄部分有基于particles.js脚本的幻灯片。但是在我调整窗口大小之前，这些粒子不会出现。调整大小后窗口粒子正确显示...有什么办法解决这个问题吗？

提前致谢！

我正在尝试创建一个包含 3 个内容列和一个.overlay包含particles.js画布的div 的网格布局。

这是我正在努力的代码笔：https ://codepen.io/radzak/pen/MVQVPQ

我希望网格始终是屏幕的 100%，所以我设置了这个

问题是，在我扩展窗口大小然后再次减小它之后，画布继续占用它以前的空间（而不是 100vw x 100vh）。我还注意到画布width与height它所占据的实际大小不符。

我不知道发生了什么，任何有关如何设置此布局的帮助将不胜感激。