问题标签 [particles.js]

我正在尝试使用particles.js，老实说，我以前从未使用过HTML5画布，我现在只需要一个快速修复，所以我使用了一个名为vue-particles的库，以便在Vue中轻松集成和使用particles.js .js 应用程序，我把它启动并运行得很好，当我减小屏幕宽度时会出现问题，所以在我的笔记本电脑屏幕上，1364px wide没有问题，当它下降到平板电脑和手机屏幕尺寸时， canvas 仅覆盖其父组件高度的 50%，我尝试定位 canvas 元素并将其高度调整为 100%，但它要么根本不起作用，要么覆盖整个页面而不是仅其父元素。所以如果有人帮我解决这个问题，我将不胜感激。

这就是我在 .vue 组件中使用它的方式

如果您需要更多代码或信息来澄清问题，请将其留在下面的评论中，

提前致谢。

我不知道如何减少particles.js中光标的外半径。我怎么做？顺便说一句，我搜索过...

我有 Particles.js 在我的网站上作为背景工作，但是我希望粒子向前移动，朝向用户以及左右移动，所以它是 3D 画布而不是 2D 画布，这可能吗？

我正在考虑对 z-index 使用变换，但我似乎无法让它工作，即便如此我想它会让整个粒子画布向前移动，而不是粒子本身。

任何帮助都非常感谢:)

我希望小行星图像以合理的距离随机分布在主徽标（标题 img）周围的位置，以使其感觉像徽标周围的卫星。我无法通过定位和边距实现相同的目标。此外，当我插入图像时，徽标会向下偏移一点并且页面变得可滚动，我不希望页面可滚动。请帮忙。谢谢！

这是我的 HTML：

这是我的CSS：

Vincent Garreau 在这里有一个particles.js 的例子 https://github.com/VincentGarreau/particles.js/

我基本上复制了他的演示，但我的正在创建巨大的圆圈和更多的连接线，可能是因为巨大的圆圈。

任何熟悉图书馆的人可以帮助我吗？

它在这个replit上。我找不到另一个让我添加 JSON 文件的网站。 https://repl.it/@Kaleid/DependableConsciousPhysics

NET MVC Core，我正在尝试使用 Particles.js。我已经尝试参考一些教程，但无法解决此问题。这就是它通常的样子。https://vincentgarreau.com/particles.js/#default

然而，我得到了这个，带有大而超级滞后的按钮，而且它不占据全屏，也没有悬停动作（当鼠标接近时，圆圈会移开）。onclick 圆圈虽然有效。而且配置应该没有错，因为我下载的是默认的。

更新：就在发布之前，我设法使其全屏显示。然而，大按钮和滞后仍然存在。

以下是我到目前为止的代码。我试图搜索 id 或 class，但由于缺乏文档，很难找到。希望知道的人可以帮忙！非常感谢你 ：）

我很难为此弄清楚CSS。我正在尝试section.title-block将div#particles. 现在它正在页面的左侧。

我只能假设问题是由将 附加<canvas>到我的 HTML 的particles.js 库引起的？我试图定位绝对的div#particles以及canvas，但这会导致背景效果失去鼠标悬停效果。

这是一个小提琴。 https://jsfiddle.net/Kaleid/yqhkwc93/

嗨，实际上我想将特定文本制作成粒子。我的意思是我希望它像图像中一样（dropbox.com/s/y43jf4vzdr5cd9p/p.png?dl=0），例如，如果我给 P，这个 P 应该像图像中一样变换。可能吗？。为了实现这一点，我使用了particle.js JavaScript 文件。我尝试了很多来完成自己，但我无法实现。此外，我不知道要做到这一点。请帮我。提前致谢。

强调文本

我想为我的项目背景使用particles.js。我有身高问题。它不是在设备网络中扩展高度。实际上高度属性不起作用。请帮我解决一下这个。

这是代码：

https://codesandbox.io/s/4zv0329nn0

粒子.js 组件。

应用组件。

我正在为我的网站使用 Vue 2 和 Laravel，并希望集成 Particles Js，但是无论如何，粒子画布都显示在页面底部。据我了解，它应该显示在 id 为particles-js 的 div 内，但它没有显示，即使所述 div 不在页面中，它仍然显示在页面底部。

我尝试了不同的 css 类来尝试移动画布，但似乎没有任何效果。我还尝试对我想要的画布进行硬编码，但不能那样工作。

这就是我使用 vue 2 实现 Particles Js 的方式

我加<div id="particles-js"></div>

它应该在里面有画布，但它没有，只是把它放在定义 vue 范围的应用程序 div 的底部

我希望能够将它放在页面顶部的背景中