0.3.0 • Published 1 year ago

vue-captcha-code-alpha v0.3.0

Weekly downloads
-
License
-
Repository
github
Last release
1 year ago

vue-captcha-code-alpha

install

yarn add vue-captcha-code-alpha

for vue3 use

img.png

usage

<script setup>
import { CaptchaImage } from 'vue-captcha-code-alpha'
import 'vue-captcha-code-alpha/style.css'
import type { CaptchaImageInstance } from 'vue-captcha-code-alpha'

const captchaRef = ref<CaptchaImageInstance>()

const validate = () => {
    captchaRef.value.validate("1234")
}
</script>

<template>
    <CaptchaImage ref="captchaRef"/>
</template>

props

NameTypeDefaultDesp
codeLengthNumber4length of verification code
codeTypeString[]"A", "a", "0"type of verification code A A-Z / a a-z / 0 0-9
contentWidthNumber120captcha width
contentHeightNumber40captcha height
fontSizeMinNumber24minimum font size
fontSizeMaxNumber36maximum font size
textColorStringnullspecify text color
textColorMinNumber50minimum text color
textColorMaxNumber160maximum text color
textDegMinNumber-30minimum text rotation
textDegMaxNumber30maximum text rotation
backgroundColorStringnullspecify background color
backgroundColorMinNumber200minimum background color
backgroundColorMaxNumber220maximum background color
dotCountNumber30specify dot count
dotColorMinNumber0minimum dot color
dotColorMaxNumber255maximum dot color
lineCountNumber4specify line count
lineColorMinNumber40minimum line color
lineColorMaxNumber180maximum line color
0.3.0

1 year ago

0.2.6

1 year ago

0.2.5

1 year ago

0.2.4

1 year ago

0.2.3

1 year ago

0.2.2

1 year ago

0.2.1

1 year ago

0.2.0

1 year ago

0.1.7

1 year ago

0.1.6

1 year ago

0.1.5

1 year ago

0.1.4

1 year ago

0.1.3

1 year ago

0.1.2

1 year ago

0.1.1

1 year ago

0.1.0

1 year ago