Popularity
0.3
Stable
Activity
0.0
-
1
0
0

Monthly Downloads: 0
Programming language: JavaScript
Tags: UI Components     Miscellaneous    

captcha-image alternatives and similar libraries

Based on the "Miscellaneous" category.
Alternatively, view captcha-image alternatives based on common mentions on social networks and blogs.

Do you think we are missing an alternative of captcha-image or a related project?

Add another 'Miscellaneous' Library

README

Captcha Image Generator

A simple captcha image generator.

Install

  • npm install captcha-image
  • yarn add captcha-image

Example

Play with sandbox example here: Demo

Options

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

Attributes Values
font / String '35px Arial'
align / String 'center'
baseline / String 'middle
width / Number 300
height / Number 150
bgColor / String #eee
color / String #222
length / Number / Length of text 7

Events

  • createImage() method return HTML element parsed as String

Output

Final outcome looks like this:

<img src="..." data-key="..." />

Demo Usage

React

import Captcha from 'captcha-image';

const captchaImage = new Captcha(
  '35px Arial',
  'center',
  'middle',
  300,
  150,
  '#eee',
  '#111',
  6
).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;