javascript 如何使用我从www.example.com导出的tsparticles json文件https://particles.js.org/

ut6juiuv  于 2022-12-25  发布在  Java
关注(0)|答案(1)|浏览(162)

基本上,我会尝试在我的react项目中使用tsparticles JSON文件,我从https://particles.js.org/导出。但它不工作。

fykwrbwg

fykwrbwg1#

我在我的项目中使用了particle js,在我的项目中,我做了一个单独的组件,并在主组件中像App.js一样调用此组件
而且我已经把JSON文件做成了API,如果你想把JSON文件做成API或者也可以直接调用这个API。

import React from "react";
import Particles from "react-tsparticles";
import { loadFull } from "tsparticles";
const ParticleAnimation = () => {
  const particlesInit = async (main) => {
    console.log(main);
    await loadFull(main);
  };

  const particlesLoaded = (container) => {
    console.log(container);
  };
  return (
    <div>
      <Particles
        id="tsparticles"
        url={YOUR_JSON_FILE_LINK_HERE}
        init={particlesInit}
        loaded={particlesLoaded}
      />
    </div>
  );
};

export default ParticleAnimation;

相关问题