vue-rotate-captcha

Refer Project: react-slide-captcha

0.Screenshot

1.Usage

(1) Installation

TODO

(2) requirement

1. vue 

(3) simple example

import RotateCaptcha from 'vue-rotate-captcha';
import 'vue-rotate-captcha/dist/styles.css';

<RotateCaptcha
   :imageUrl="state.imageUrl"
   @validate="validateCallback"
/>

2 Live Demo

TODO

3 API （0.1.0）

RotateCaptcha

| Properties | Descrition | Type | Default| | ------ | ------ | ------ |----------| | isLoading| loading status（optional） | boolean | false | | imageUrl | URL for puzzle image（required） | string | - | | @validate | requeset callback（required） | (context: Validation) => void| - |

ValidationContext

export type ValidationContext = {
  readonly widthPercentage: number,
  readonly rotationDegree: number,
  readonly success: (callback: () => any) => void,
  readonly fail: (callback: () => any) => void,
  readonly reset: (isReset?: boolean) => void,
}

4 License

This entire project are built based on MIT license

MIT