adsr-envelope-graph
v0.1.1
Published
React component to draw an envelope graph given the adsr parameters
Downloads
9
Readme
#React ADSR envelope graph This React component renders a graph of an ADSR (Attack, Decay, Sustain and Release) envelope.
Mainly useful for synths using the Web Audio API.
##Example usage
import EnvelopeGraph from 'adsr-envelope-graph';
...
<EnvelopeGraph a={0.1} d={0.1} s={1} r={0.8} />Props
Required
- a: Attack (s)
- d: Decay (s)
- s: Sustain (0-1)
- r: Release (s)
Optional
- style: Style of the root element
- lineStyle: Style of the envelope line
- timeLineStyle: Style of the time markers
- phaseLineStyle: Style of the phase separator lines