phoenixstormcrow / react-noisy-canvas

A react component which creates an html canvas animated with noise.

react-noisy-canvas

A react component which creates an html canvas animated with noise.

This component creates a canvas and passes it to noisify-canvas to create animated noise. See the demo for that package for an idea of what the animation looks like.

installation

npm install react-noisy-canvas

usage

import NoisyCanvas from 'react-noisy-canvas';

React.render(
  <NoisyCanvas width={300} height={150} mode='rgb' />,
  document.getElementById('noisyCanvas')
);

props

All props are optional.

• width: The width of the canvas. Defaults to 300.
• height: The height of the canvas. Defaults to 150.
• mode: Set mode to the string 'rgb' to generate color noise. Defaults to undefined, which has the same behavior as mode='grey'. Greyscale noise is generated in the default case.