particles.js

问题 I bought a template and I'm modifying it to make my website, I'm a designer, and I do not have much idea of code but I want to learn and I decided to venture into making the web like this. I want to put the plugin particles.js as background, I managed to put it in the index but I have been put like this and I have no idea how to do to expand it. As if in photoshop take it from a corner and drag to occupy the whole background. Here's the problem: And here's the particle.js div onto index.html:

来源： https://stackoverflow.com/questions/61054565/particles-js-not-showing-up-in-reactjs-project

来源： https://stackoverflow.com/questions/61054565/particles-js-not-showing-up-in-reactjs-project

问题 I can't find if it is possible to limit the total number of particles. Is there any way of doing this? Particles.js Github 回答1: You can modify particles.js (row 750) adding an additional check in the push function: /* ---------- pJS functions - modes events ------------ */ pJS.fn.modes.pushParticles = function(nb, pos){ pJS.tmp.pushing = true; if(pJS.particles.array.length<140){ for(var i = 0; i < nb; i++){ pJS.particles.array.push( new pJS.fn.particle( pJS.particles.color, pJS.particles

问题 I can't find if it is possible to limit the total number of particles. Is there any way of doing this? Particles.js Github 回答1: You can modify particles.js (row 750) adding an additional check in the push function: /* ---------- pJS functions - modes events ------------ */ pJS.fn.modes.pushParticles = function(nb, pos){ pJS.tmp.pushing = true; if(pJS.particles.array.length<140){ for(var i = 0; i < nb; i++){ pJS.particles.array.push( new pJS.fn.particle( pJS.particles.color, pJS.particles

问题 I am learning React and having some issues setting React-Particles-Js (https://www.npmjs.com/package/react-particles-js) to be the background of my website. If I only render class App extends Component { render() { return ( <div> <Particles /> </div> ); } } I get the background just as I wish it to be. However, as soon as I render anything else (for example an h1 tag), it is not displayed on react-particles-js, so to say, but instead it moves react-particles-js and is displayed separately.

问题 I'm trying to use particles.js as background, but I am not able to set the canvas as a full-size background. I tried at least 10 different solution from similar issues but nothing worked. The canvas always results as as an element having width-height ratio as the screen but it doesn't cover it as a whole when it is resized. In addiction, it won't set as background but as a child of the body, over or below the remaining elements. I simplified the code as much as possible and the problem still

问题 When I start my app using node app.js then then I get the following error: /home/ubuntu/workspace/nodeapp/node_modules/particles.js/particles.js:1429 window.requestAnimFrame = (function(){ ^ ReferenceError: window is not defined at Object.<anonymous> (/home/ubuntu/workspace/nodeapp/node_modules/particles.js/particles.js:1429:1) at Module._compile (module.js:570:32) at Object.Module._extensions..js (module.js:579:10) at Module.load (module.js:487:32) at tryModuleLoad (module.js:446:12) at

问题 I'm trying to get particlesjs to run in react. But that doesn't seem to work..So , I tried using react-particles-js .But it gives me this error: Module not found: Can't resolve 'react' in 'C:\Users\Amit\node_modules\particles-js\lib' import React, { Component } from 'react'; import ParticleAnimation from 'particles-js'; class Example extends Component { render () { return ( <ParticleAnimation /> ) } }export default Example; I've been trying to mess with the file path in the import statement

问题 Am having trouble importing the particles.js library. Am using create-react-app, and am following the instructions on the particles js github page also. After initiating 'create-react-app', I install particles.js npm install particles.js --save then in the App.js file the relevant parts I have are: import particlesJS from 'particles.js' componentDidMount(){ //particles.js github page says to load package like so: particlesJS.load('particles-js', 'assets/particles.json', function() { console