Reactjs react particle js不更新粒子数
我有:Reactjs react particle js不更新粒子数,reactjs,particle.js,Reactjs,Particle.js,我有: 返回( 无论我将number.value设置得有多高,屏幕上的粒子数都不会增加。有没有关于我做错了什么的想法?您没有将此属性包含在粒子中。还可以从样式中删除z-index属性,或者将其设置为将显示粒子的0 return ( <Particles style={{ position: 'absolute', top: 0, left: 0, right: 0, bottom: 0, zIndex:
返回(
无论我将
number.value
设置得有多高,屏幕上的粒子数都不会增加。有没有关于我做错了什么的想法?您没有将此属性包含在粒子中。还可以从样式中删除z-index属性,或者将其设置为将显示粒子的0
return (
<Particles
style={{
position: 'absolute',
top: 0,
left: 0,
right: 0,
bottom: 0,
zIndex: -1
}}
params={{
number: {
value: 400,
density: {
enable: true,
value_area: 800
}
},
line_linked: {
enable: true,
distance: 150,
color: "#ffffff",
opacity: 0.4,
width: 1
},
"shape": {
"type": "circle",
"stroke": {
"width": 0,
"color": "#000000"
},
polygon: {
nb_sides: 7
}
},
"interactivity": {
"detect_on": "canvas",
"events": {
"onhover": {
"enable": true,
"mode": "grab"
},
"onclick": {
"enable": true,
"mode": "push"
},
"resize": true
},
"modes": {
"grab": {
"distance": 400,
"line_linked": {
"opacity": 1
}
},
"repulse": {
"distance": 200,
"duration": 0.4
}
}
},
"retina_detect": true
}} />
嗯-那我怎么把它作为我的背景呢?
particles: {
number: {
value: 400,
density: {
enable: true,
value_area: 800
}
},
line_linked: {
enable: true,
distance: 150,
color: "#ffffff",
opacity: 0.4,
width: 1
},
"shape": {
"type": "circle",
"stroke": {
"width": 0,
"color": "#000000"
},
polygon: {
nb_sides: 7
}
}
},
"interactivity": {
"detect_on": "canvas",
"events": {
"onhover": {
"enable": true,
"mode": "grab"
},
"onclick": {
"enable": true,
"mode": "push"
},
"resize": true
},
"modes": {
"grab": {
"distance": 400,
"line_linked": {
"opacity": 1
}
},
"repulse": {
"distance": 200,
"duration": 0.4
}
}
},
"retina_detect": true