问题标签 [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 回答
422 浏览

ruby-on-rails - Particle Js 无法处理我的 ruby​​ on rails 项目

我正在尝试在我的 ruby​​ on rails 项目上实现粒子效果,但是在遵循了一些教程和可用的粒子包的 github 指令之后,即使我指定了灰色背景,我也没有在我的本地服务器上获得效果。也许您可以建议哪一个是我的错误或我缺少什么。这是我的代码。

应用程序.js

应用程序.css

返回.css

主页.html.erb

我没有放线

因为我认为它们不是必需的,因为我使用的是 //= require_tree 但我也尝试过放置它们并且它没有显示任何内容。

back.css 只是为了设置粒子效果背景的颜色而创建的,我没有发布particle.js 和 app.js 的内容,因为我没有更改这些文件中的任何内容,它们是相同的你可以从github下载。

https://github.com/VincentGarreau/particles.js/

这是我得到的:

结果

0 投票
6 回答
2359 浏览

particles.js - Particles.js:限制粒子数量

我找不到是否可以限制粒子的总数。

有没有办法做到这一点?

粒子.js Github

0 投票
1 回答
2659 浏览

reactjs - 未捕获的类型错误:_particles2.default.load 不是函数 - React、create-react-app、particleJS

导入particle.js库时遇到问题。

我正在使用 create-react-app,并且我也按照粒子 js github 页面上的说明进行操作。

启动“create-react-app”后,我安装了particle.js

然后在 App.js 文件中,我拥有的相关部分是:

}

但是控制台给出了错误 Uncaught TypeError: _particles2.default.load is not a function

如果我放入 console.log(particlesJS) 它会给出一个空对象,所以我很确定问题在于我如何加载包。基本上,包甚至没有被加载,这就是为什么粒子JS对象上没有可用的 .load() 函数的原因。

任何想法如何解决这一问题?

顺便说一句,已经通过 ' react-particles-js ' 包使包工作,但是仍然很想知道如何通过直接使用 package.js 包来使其工作。

0 投票
5 回答
16289 浏览

javascript - 如何在 Angular/Angular2/Angular4 应用程序中导入和使用particles.js

我有一个 Angular 应用程序,我想在其中使用particle.js,但是我不知道如何添加它并让它工作。

我已将其添加到 .angular-cli.json

我已经将它导入到我的组件中

并尝试使用初始化它

有没有人有这个工作?

0 投票
0 回答
91 浏览

javascript - 如何在 DOM 元素周围置换particles-js 粒子

我正在制作一个使用particles-js作为背景的网站。我的名字在页面的中心,名字段落在一个 div 中。我想做的是:我想配置particles-js,以便在靠近div时将粒子推开,类似于particles-js网站上的默认演示,其中粒子被推开光标周围。我通常不会问涉及某人为我编写代码的问题,但我对particles-js 的实际工作原理几乎没有了解,所以这个话题有点过头了。

提前致谢!

0 投票
1 回答
2667 浏览

javascript - Particles.js 仅作为特定部分的背景

我正在使用 Vincent Garreau 的 Particles.js(可以链接但不能共享多个链接)在我网站的特定部分实现粒子效果背景。

CSS

“功能”类没有样式规则。

但是,这是该代码的输出:http: //imgur.com/a/Ce9Sh(图 1)

粒子 div 位于功能部分下。没有设置为背景。

为粒子 div 设置 position: absolute 或 fixed 会完全破坏特征部分的布局,因为特征部分出现在许多其他元素之后。

在粒子 div 上设置一个固定位置,顶部和左右边距使功能永久固定在屏幕上,我无法向下滚动过去。

绝对搞砸了 features 部分的定位,particle.js 仍然不可见。

这是我设置位置时的样子:粒子 div 上的绝对标签:http: //imgur.com/a/Ce9Sh (img2)

我想要的只是粒子显示在功能部分的后面,而不是单独显示在它下面。

任何帮助将不胜感激。

0 投票
0 回答
68 浏览

javascript - ParticlesJS 不可点击的区域,错误的上下文框

我正在建立一个我在这里托管的网站:

http://whendoesitair.info/

我在登录页面上遇到了两个问题。

1.)右键单击​​ div 外部时,右键单击上下文菜单是非标准的。前任:H

这是我试图在您右键单击的任何地方发生的正确行为的示例:

在此处输入图像描述

2.)另一个(次要)问题是,当您直接左键单击 div 的右侧或左侧时,粒子将不起作用。例如,在标题标签或搜索框的右侧或左侧。

这是我如何在我的:

索引.html

这就是我在我的登陆页面中加载粒子的方式,在我的

Landingpage.component.ts

用户右键单击时如何提供正确的上下文菜单?或者当它与 div 重叠时如何修复粒子行为?

0 投票
0 回答
60 浏览

video - 带有particle.js 的videoBG

我正在尝试将 HTML5 videoBG 与particles.js 一起使用,或者不太可能使用particleground

任何意见,将不胜感激。

0 投票
1 回答
2822 浏览

json - 如何将 Json 配置添加到粒子 js

我在我的项目中安装了particle.js,它使用默认效果,我浏览了这个网站http://vincentgarreau.com,发现了5个效果:default、、、和。我的问题是如何在我的项目中使用这些效果?我选择了一个并下载了 JSON 配置,但我不知道如何将它添加到我的项目中。snowNASABuddleNyan cat

0 投票
5 回答
11726 浏览

javascript - particle.js 没有覆盖整个页面

我正在尝试使用particles.js作为背景,但我无法将画布设置为全尺寸背景。

我从类似问题尝试了至少 10 种不同的解决方案,但没有任何效果。画布始终作为具有宽高比的元素作为屏幕的结果,但在调整大小时它不会整体覆盖它。上瘾时,它不会设置为背景,而是设置为身体的孩子,在其余元素之上或之下。

我尽可能地简化了代码,问题仍然存在。

问题示例

HTML

CSS

APP.JS 和 PARTICLES.JS 可以从之前发布的车主网站下载。我正在使用他们现在的主题

谢谢你的帮助