问题标签 [particles.js]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
128 浏览

jquery - Canvas 的 Z 索引问题

我正在使用 fullPage.js 插件,它将每个部分转换为基于幻灯片的整页网站,并将内容垂直居中。

我也在使用 ParticlesJS 在后台实现一些动画效果——生成了一个 Canvas 来实现动画,这似乎占用了更高的资源z-index

事件认为我正在尝试将较低的 z-index 分配给canvas更高的 z-index,但content我无法选择文本并访问表单。

有没有办法解决这个问题?

网站

0 投票
1 回答
264 浏览

javascript - 与背景的交互被 Div 在后台阻止

我在后台使用Particles.js。我在包含文本和图像的画布上有 div 层。

这个 div 阻止了与背景的交互,从而扼杀了体验。有没有办法确保 div 允许通过它与背景进行交互。在 Div 上方和下方,交互效果很好,因为内容是垂直居中的。

演示链接

0 投票
1 回答
70 浏览

javascript - 粒子不遵循 HTML 顺序

我试图让 Particle JS 作为背景工作。正如您在我的网站上看到的那样,主体作为属性particles,但粒子仅在内容之后。它不遵循顺序。这是配置:

谢谢!

0 投票
1 回答
1195 浏览

javascript - 无法添加particle.js

我正在尝试创建一个包含三个页面的滚动网页

我想为第一页添加背景封面作为particles.js 。我尝试按照GitHubparticle.js中的描述进行操作,但惨遭失败。我到底哪里错了?这是JSFiddle

0 投票
1 回答
1189 浏览

javascript - 无法将particleJS设置为背景

我想将particleJS设置为三页单滚动网页的背景。这是JSFIddle。这是particleJS Github页面

我已经注释掉了将particleJS设置为第一页背景的css,因为取消注释该css会使段落在中型和大屏幕中向左对齐。

0 投票
1 回答
1692 浏览

javascript - 在正确的图层上获取particles.js?

我不能让particles.js作为背景。它覆盖了整个页面,我尝试为我想要覆盖particle.js 的所有内容设置更高的z-index (50)。这是粒子 codepen。密码笔没有背景,因此粒子是不可见的。

下面的代码是我试图设置为背景的<section id="services">

问题是它也涵盖了内部<section>的所有内容,不知道为什么。

您将要看到的代码只不过是一个被屠杀的 ole' 引导模板。从一开始就没有打算真正使用它,因此样式属性的数量令人困惑。

任何在正确方向上的指导将不胜感激。

0 投票
0 回答
912 浏览

javascript - particles.js 未捕获的类型错误:“调用者”、“被调用者”和“参数”属性

使用particles.js 时出现错误:

未捕获的类型错误:“调用者”、“被调用者”和“参数”属性可能无法在严格模式函数或调用它们的参数对象上访问

我尝试使用 npm 安装particles.js,还尝试通过将脚本与 webpack 捆绑到我的 app.js 中来使用它。我可以确认脚本存在于我的包中,因为当我检查 chrome 中的源选项卡时,我可以看到代码存在。

然后我调用particles.js:

更新 正如@JamesThorpe 所建议的那样,这arguments.callee是导致问题的原因,但是将其注释掉会导致所有节点都以 50x50px 绘制。是否有 ES6 替代方案arguments.callee

0 投票
1 回答
1233 浏览

javascript - 画布旋转粒子

你有人可能知道如何制作这种动画。我如何设法看到更多关于 canvas javascript 技术的信息。

http://cuberto.com/

谢谢

0 投票
1 回答
2648 浏览

javascript - 当定位在其他 Bootstrap 轮播幻灯片位置时,Particles.js 画布不起作用

我正在使用 Bootstrap 轮播制作一个网站,其中应该包含一些动画画布。我想在第二张幻灯片上使用 Particles.js 动画,但它不起作用。它只适用于第一张幻灯片,我不知道为什么。

有人能帮我吗?

这是代码:

此外,我注意到动画在打开浏览器的开发者控制台时开始,如下例所示:

0 投票
1 回答
701 浏览

github - 工作(particles.js)动画背景不显示在 GitHub 托管上

我完成了我的个人资料页面,但动画不想在 GitHub 托管上运行。这是一个链接rmb-dev.github.io。除 JavaScript 外,其他内容和 CSS 动画效果良好。找不到原因。

有任何想法吗?