Canvas Words

When cursor hover over the words, letters are separated in the canvas.

Installation

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

npm i @mertsolak/canvas-words

Basic Usage

import { CanvasWords } from '@mertsolak/canvas-words';

const App = () => (
  <CanvasWords
    canvasWidth={500}
    canvasHeight={1080}
    characterSpeed={5}
    sentences={[
      {
        coordinates: { x: 100, y: 300 },
        fontFamily: 'sans-serif',
        fontSize: '20px',
        text: 'Test sentence',
        color: 'black',
        printOption: 'fillText',
      },
    ]}
  />
);