Canvas Image Visualizer

It visualizes images with given texts or shapes

Installation

Use node package manager to install @mertsolak/canvas-image-visualizer.

npm i @mertsolak/canvas-image-visualizer

Basic Usage

import { CanvasImageVisualizer } from '@mertsolak/canvas-image-visualizer';

const App = () => (
  <div>
    <CanvasImageVisualizer
      src="/image.png"
      particleNumberMultiplier={15}
      drawerColor="#03A062"
      drawer={{ textOptions: ['0', '1'], type: 'text' }}
    />
  </div>
);