captcha-image

Captcha Image Generator

A simple captcha image generator.

Install

Use npm run captcha-image or yarn captcha-image to install the package

Usage

React

import Captcha from './Captcha';

const captchaImage = new Captcha(
  '35px Arial',
  'center',
  'middle',
  300,
  150,
  '#eee',
  '#111'
).createImage();

function createMarkup(source) {
  return { __html: source };
}

function MyCaptcha() {
  return <div dangerouslySetInnerHTML={createMarkup(captchaImage)} />;
}

function App() {
  return (
    <div className='App'>
      <MyCaptcha />
    </div>
  );
}

export default App;

Options

You can pass following parameters to Captcha instance in order to generate custom Captcha image

• font: '35px Arial'
• align: 'center'
• baseline: 'middle
• width: 300
• height: 150
• bgColor: #eee
• color: #222

Events

• createImage() method return HTML element parsed as String