第一种官方标准初始化方式:
/* particlesJS.load(@dom-id, @path-json, @callback (optional)); */
particlesJS.load('particles-js', 'assets/particles.json', function() {
console.log('callback - particles.js config loaded');
});
需要注意的是本地跨域情况,是访问不到该 .json
配置文件的,也就是无法本地调试。
为了解决这个问题,我们可以在官方项目的 codepen 演示处找到第二种初始化方法:
也就是不使用 load()
函数去访问配置再初始化,改为直接加载配置的初始化:
// json 配置拷贝到这里
var config = {
"particles": {
"number": {
......
}
particlesJS('particles-js', config);
这种方式的好处是解决了跨域问题,但由于是比较旧的方法,不能使用回调函数。