最近项目中使用图片验证码。网上查的很多,基本都是一样的4位纯数字验证码。首先感谢一代大哥提供的模板。由于不能满足需要,就进行了改造升级。修改后的图片验证码可以满足以下几种情况:①、验证码的位数;②、纯数字和字母的验证码;③、数字和字母混合的验证码;④、字母的大小写;⑤、数字与字母的混合数字(大小写);⑥随机生成混合大小写的各个数字;⑦验证码随机排序。大致就这几个组合,基本需求都能满足,不多说,看~1、先动一木兄台的canvas参数参数描述类型默认值identifyCode图片验证码string1234fontSizeMin字体大小,最小值number16fontSizeMax字体大小,最大值number40backgroundColorMin背景color颜色值最小值,最小值为number180backgroundColorMax背景色颜色值最大值,最大值为255number240colorMin字体颜色颜色值最小值,最小值为0number50colorMax字体颜色颜色值最大值,最大值为255number160lineColorMin干涉线颜色最小值颜色值,最小值为0number40lineColorMax干涉线颜色值最大值为255number180dotColorMin干涉点颜色值最小颜色值为0number0dotColorMax最大值为255number255contentWidth画布宽度number160contentHeightCanvas高度number402,主角identify.vue组件登场
