html5如何实验验证码,html5如何生成验证码

思路介绍：

可以利用html5的canvas标签先生成画布，然后在画布上利用随机数字生成验证码，背景用随机颜色和杂乱的直线来代替。

(学习视频分享：html5视频教程)

高级方法：

利用表单插件属性绑定验证码数据(json)可以在发送时候或者异步通信进行后台数据获取与检查。

具体代码：

验证码

#canvas{

cursor:pointer;

}

//生成随机数

function randomNum(min,max){

return Math.floor(Math.random()*(max-min)+min);

}

//生成随机颜色RGB分量

function randomColor(min,max){

var _r = randomNum(min,max);

var _g = randomNum(min,max);

var _b = randomNum(min,max);

return "rgb("+_r+","+_g+","+_b+")";

}

//先阻止画布默认点击发生的行为再执行drawPic()方法

document.getElemen