问题标签 [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.
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/
这是我得到的:
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 包来使其工作。
javascript - 如何在 Angular/Angular2/Angular4 应用程序中导入和使用particles.js
我有一个 Angular 应用程序,我想在其中使用particle.js,但是我不知道如何添加它并让它工作。
我已将其添加到 .angular-cli.json
我已经将它导入到我的组件中
并尝试使用初始化它
有没有人有这个工作?
javascript - 如何在 DOM 元素周围置换particles-js 粒子
我正在制作一个使用particles-js作为背景的网站。我的名字在页面的中心,名字段落在一个 div 中。我想做的是:我想配置particles-js,以便在靠近div时将粒子推开,类似于particles-js网站上的默认演示,其中粒子被推开光标周围。我通常不会问涉及某人为我编写代码的问题,但我对particles-js 的实际工作原理几乎没有了解,所以这个话题有点过头了。
提前致谢!
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)
我想要的只是粒子显示在功能部分的后面,而不是单独显示在它下面。
任何帮助将不胜感激。
javascript - ParticlesJS 不可点击的区域,错误的上下文框
video - 带有particle.js 的videoBG
我正在尝试将 HTML5 videoBG 与particles.js 一起使用,或者不太可能使用particleground
任何意见,将不胜感激。
json - 如何将 Json 配置添加到粒子 js
我在我的项目中安装了particle.js,它使用默认效果,我浏览了这个网站http://vincentgarreau.com,发现了5个效果:default
、、、和。我的问题是如何在我的项目中使用这些效果?我选择了一个并下载了 JSON 配置,但我不知道如何将它添加到我的项目中。snow
NASA
Buddle
Nyan cat
javascript - particle.js 没有覆盖整个页面
我正在尝试使用particles.js作为背景,但我无法将画布设置为全尺寸背景。
我从类似问题尝试了至少 10 种不同的解决方案,但没有任何效果。画布始终作为具有宽高比的元素作为屏幕的结果,但在调整大小时它不会整体覆盖它。上瘾时,它不会设置为背景,而是设置为身体的孩子,在其余元素之上或之下。
我尽可能地简化了代码,问题仍然存在。
HTML
CSS
APP.JS 和 PARTICLES.JS 可以从之前发布的车主网站下载。我正在使用他们现在的主题
谢谢你的帮助