npm

vuc-identify

1.1.1 • Public • Published

vuc-identify


Install

    npm install --save vuc-identify
    
    yarn add vuc-identify

Basic use

    全局
    
    import vucIdentify from 'vuc-identify'
    Vue.use(vucIdentify)
    
    局部
    import {vucIdentify} from 'vuc-identify'
    export default {
      components: {vucIdentify}
    }
    

全局属性方法

属性 类型 默认值 说明
color Array [] 绘制粒子和干扰线效果颜色
H number 150
W number 300
particleNum number 150 粒子数量
font Array [60, 80] 绘制字体大小的区间
text String loo41 文本
textColor Array [] 绘制文本的颜色 如果不存在 会使用随机色
random Boolean false 在点击切换的时候开启随机生成模式
randomType String '' 随机模式的类型 (math, string '')
randomLength number 4 随机生成模式文本的长度
background string rgba(0, 0, 0, 0.2) 背景色
fontFamily string Arial 文本字体
clickStatus Boolean true 点击状态下是否更改会执行changeQr事件 自定义更改
type string rect 粒子的类型 (arc square rect icon) icon可实现自定义效果
styleType string fill 粒子是描边还是填充样式 (stroke 可选)
size number 10 粒子的尺寸
drawImg Array [] icon模式下绘制的图片 (建议是icon的png图片)
interfereNum number 5 干扰线的数量
interfereWidth Array [1, 5] 干扰线的宽度区间
textValue Fun 每次更改的事件 参数是渲染的文本
clickQr Fun 点击事件为true时候执行的函数 (可在该函数下做文本的调整渲染)

欢迎 pr issues star

Package Sidebar

Install

npm i vuc-identify

Weekly Downloads

1

Version

1.1.1

License

MIT

Unpacked Size

101 kB

Total Files

12

Last publish

Collaborators

  • loo4p