如何使用粒子实现HTML5 <canvas>效果

Question

http://craftedbygc.com/ 这是URL链接，我想使用自己的标志，就像使用HTML画布（canvas）一样。

这个URL使用了画布粒子效果，但对我来说很难完成，有没有人能帮助我理解一下，在HTML画布中如何实现这个效果？是否有工具可以创建画布代码或类似的东西。我从这个网站检查了代码。

<div id="particle-slider">
 <div class="slides">
  <div class="slide" data-src="http://craftedbygc.com/wp-content/themes/craftedbygc/images/logo.png"></div>
 </div>
 <canvas class="draw" id="canvas-particle" width="1279" height="403"></canvas>
<canvas width="351" height="397" style="display: none;"></canvas><canvas style="display: none;"></canvas><canvas style="display: none;"></canvas><p></p></div>

- Figar Ali

---

大多数情况下，画布得到绘制是由于JavaScript的作用，您可能会在页面的脚本部分找到更有趣的代码。 - Kaiido

谢谢Kaiido，我们有什么编辑器或工具可以创建画布吗？ - Figar Ali

在SO上，询问推荐工具或软件的问题是不被允许的。此外，任何文本编辑器都可以帮助您创建js文件，并且有很多库可以帮助编辑画布。在在这里提问之前，您是否已经进行了搜索？ - Kaiido

Answer 1

您可以访问此链接购买画布粒子。

- Husnain Aslam