import React, { useState, useEffect, useRef } from 'react'; const OpAmpPrinciple = () => { const [time, setTime] = useState(0); const requestRef = useRef(); // 模拟参数 const amplitude = 40; const frequency = 0.05; const gain = 2.5; const rin = 100; const rf = 250; useEffect(() => { const animate = (t) => { setTime(t * 0.002); requestRef.current = requestAnimationFrame(animate); }; requestRef.current = requestAnimationFrame(animate); return () => cancelAnimationFrame(requestRef.current); }, []); // 波形计算 const getInWave = (x) => Math.sin(x * frequency - time) * amplitude; const getOutWave = (x) => -Math.sin(x * frequency - time) * amplitude * gain; // 生成波形路径 const inputWavePath = Array.from({ length: 160 }, (_, i) => { const x = i * 2; const y = getInWave(x); return `${i === 0 ? 'M' : 'L'} ${100 + x} ${150 + y}`; }).join(' '); const outputWavePath = Array.from({ length: 160 }, (_, i) => { const x = i * 2; const y = getOutWave(x); return `${i === 0 ? 'M' : 'L'} ${680 + x} ${300 + y}`; }).join(' '); // 电流粒子动画 const particleOffset = (time * 100) % 100; return (

); }; export default OpAmpPrinciple;