在particles.js画布内添加文本

Question

我已经看到了很多将particles.js（https://vincentgarreau.com/particles.js/）用作背景的示例。

我想要实现一些不同。我想在画布内而不是在画布上写文本。我需要将文本放在里面，因为我希望粒子从书写的文本中弹开，而不要落后于文本。

我打算慢慢显示文本。逐个字母。随着字母的出现，我希望粒子远离字母。类似于它们对鼠标移动的排斥方式。以下是当前代码：

<div class="position_relative">
 <div id="particles-js" class="section"></div>
 <div id="main_focus"> <!-- this is absolutely positioned -->
  <h1 class="text-white ">Connecting you to the world wide web</h1>
 </div>
</div>
<script src="js/particles.min.js"></script>

任何实现此目标的方向将不胜感激。

谢谢大家！

Answer 1

使用javascript $("p").append("<b>Appended text</b>");中的append或prepend方法添加文本

尝试一下。然后工作...