javascript - 在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 中使用 append 或 prepend 方法添加文本$("p").append("<b>Appended text</b>");

试试看。然后工作...