问题标签 [particles.js]

我使用particles.js 作为我的页面的背景。我创建了一个按钮，并且在按钮类中使用margin 属性时，我的粒子停止在整个页面中流动。

我最近了解了particle.js，但对此一无所知。

我已经尝试了此链接上提供的解决方案，但它对我不起作用。

particle.js 没有覆盖整个页面

任何帮助，将不胜感激。

我正在学习 React 并且在将 React-Particles-Js ( https://www.npmjs.com/package/react-particles-js ) 设置为我的网站背景时遇到了一些问题。

如果我只渲染

我得到了我希望的背景。但是，一旦我渲染任何其他内容（例如 h1 标签），它就不会显示在react-particles-js 上，可以说，而是会移动 react-particles-js 并单独显示。

例如，如果我渲染

发生的情况是，“Hello World”在屏幕的左上角显示了 3 次，并且在其下方显示了 Particles，这意味着 Particles 被解释为与 h1 位于同一层的另一个元素（就好像它是另一个 h1标记）而不是作为所有元素基础的背景元素——无论它们是 h1 标签、卡片、导航还是其他任何东西——这就是我想要的！

这是我的 Particles.js

这是我的 App.js

这就是我看到 的在此处输入图像描述 如您所见，粒子和标签似乎被解释为互斥的。

（PS，我在我的 html.index 中设置了 body 标签以具有背景颜色#e74c3c，这是你看到的红色背景）

关于如何解决这个问题的任何建议？

我目前正在构建一个Grav主题，其中 adiv应该具有particle来自particle.js的背景。

如设置手册所述，渲染粒子的实际函数调用js需要格式为的config文件.json

但是，我不确定如何提供json文件的路径。当我尝试传递常规html相对路径时（如上例所示），GET控制台中的命令返回 404 错误。当我尝试使用静态资产路径时{{ url("theme://assets/particles.json") }}，GET返回 403（禁止）错误。

如何在外部脚本中提供路径？

我在本地和生产中也有同样的问题，但至少在本地，出现了 JS 粒子。

这是代码的git：

然后我在本地和生产中得到同样的错误：

问题不在于 Friednly ID，因为无论有没有，都会发生同样的情况。

现在无论如何都会出现这个错误，但至少在局部出现了粒子显示。

这是怎么回事？

我试图让particlejs在反应中运行。但这似乎不起作用..所以，我尝试使用 react-particles-js 。但它给了我这个错误：找不到模块：无法解析 'C:\Users\Amit\node_modules\ 中的 'react'粒子-js\lib'

我一直试图弄乱导入语句中的文件路径，但到目前为止没有任何效果。

有没有办法在粒子js中添加多个图像？我搜索了解决方案，但找不到任何工作。

这是我的particle.json 设置。

I want the Vue-Particles component to be at the back, but somehow I cannot make this to work. All my components and HTML tags are behind the particles.

What I've tried is to fix it using the z-index CSS property.

Using z-index: 0 on the particle-js component:

Shows like this:

Using z-index: -1 on the particle-js component moves the component to the bottom, not to the background like I want. See the new problem here:

EDIT: All my code is here, I am using Bootstrap-vue also:

The effect I want is something like this, where the lines don't cover anything of the title:

我制作了一个particle.js 背景，并在此基础上制作了一个容器。在这个容器中，我有两个包含一些数据的表，当我减小屏幕尺寸时，容器本身超出了particle.js 背景。我也附上了我的问题的图片，请看一下。

这是我的一个大学项目，我试图从过去两天解决它，但没有得到任何具体的解决方案。

我希望容器在particle.js 背景内，但它在背景之外。问题的图像，我的容器超出了背景

我遇到了一些麻烦，包括particles.js输出（由shinyparticlesin提供的 API shinydashboard。我正在使用R.

以下是适用于的示例shiny

这是一个shinydashboard似乎不起作用的

当我查看页面源代码时，生成的 HTML 看起来是相同的，但粒子的 viz 没有出现。

我想将 ParticlesJs 集成到我的登录页面中。所以只有我的主视图应该使用这个粒子配置和渲染粒子。

我创建了一个片段并添加了 ParticlesJs 依赖项

https://codesandbox.io/s/ol2rnrlxxq

出现两个问题：

• 我将 ParticlesJs 文件添加到沙箱，但particlesJS未定义函数
• 我仍然希望将内容包裹v-layout在屏幕中央。我怎样才能保留它？我包装了视图，v-content因为我认为我必须<div id="particles-js"></div>在组件的顶层添加

最终结果应该是这样的。

我将flat属性添加到卡中，因此修复这两个问题应该可以使其正常工作。