视频直播系统源码，vue中captcha.js生成验证码

一.本地引入

1.下载：

1	`<br>git` `clone` `https://github.com/saucxs/captcha.git`

2.下载到本地以后引入：

1	`<script type="text/javascript"` `src="./captcha.js"></script>`

3.容器：

1	`<br><canvas width="240"` `height="90"` `id="captcha1"></canvas>`

4.js代码：dom加载完毕以后

1）默认：

<br>/*不传值，统一走默认值*/<br>    let captcha1 = new Captcha();<br>    captcha1.draw(document.querySelector('#captcha1'), r => {<br>        console.log(r, '验证码1');<br>    });

2）自定义：

<br>let captcha2 = new Captcha({<br>        lineWidth: 1,   //线条宽度<br>        lineNum: 6,       //线条数量<br>        dotR: 2,          //点的半径<br>        dotNum: 25,       //点的数量<br>        preGroundColor: [10, 80],    //前景色区间<br>        backGroundColor: [150, 250], //背景色区间<br>        fontSize: 30,           //字体大小<br>        fontFamily: ['Georgia', '微软雅黑', 'Helvetica', 'Arial'],  //字体类型<br>        fontStyle: 'stroke',      //字体绘制方法，有fill和stroke<br>        content: '一个验证码abcdefghijklmnopqrstuvw生成的插件使用的是canvas显示',  //验证码内容<br>        length: 6    //验证码长度<br>    }); <br>    captcha2.draw(document.querySelector('#captcha2'), r => {<br>        console.log(r, '验证码2');<br>    });

二.npm引入

1.安装组件

1	`<br>npm install captcha-mini<br>`

2.引入模块

1	`<br>import Captcha from` `'captcha-mini'`

或者

1	`var` `Captcha =` `require("captcha-mini")<br>`

3.dom加载完以后的js

1）默认用法：

<br>/*不传值，统一走默认值*/<br>    let captcha1 = new Captcha();<br>    captcha1.draw(document.querySelector('#captcha1'), r => {<br>        console.log(r, '验证码1');<br>    });<br> 

2）自定义用法：

<br>/*自定义内容和样式*/<br>    let captcha2 = new Captcha({<br>        lineWidth: 1,   //线条宽度<br>        lineNum: 6,       //线条数量<br>        dotR: 2,          //点的半径<br>        dotNum: 25,       //点的数量<br>        preGroundColor: [10, 80],    //前景色区间<br>        backGroundColor: [150, 250], //背景色区间<br>        fontSize: 30,           //字体大小<br>        fontFamily: ['Georgia', '微软雅黑', 'Helvetica', 'Arial'],  //字体类型<br>        fontStyle: 'stroke',      //字体绘制方法，有fill和stroke<br>        content: '一个验证码abcdefghijklmnopqrstuvw生成的插件使用的是canvas显示',  //验证码内容<br>        length: 6    //验证码长度<br>    }); <br>    captcha2.draw(document.querySelector('#captcha2'), r => {<br>        console.log(r, '验证码2');<br>    });

以上就是视频直播系统源码，vue中captcha.js生成验证码，更多内容欢迎关注之后的文章