context.font = “bold 23px 微软雅黑”;
context.translate(x,y);
context.rotate(deg);
context.fillStyle = code_randomColor();
context.fillText(txt,0);
context.rotate(-deg);
context.translate(-x,-y);
}
// 将生成的值以属性的方法添加到元素
value = value.join(“”);
$(‘#canvas’).attr(‘data-code’,value)
//验证码上显示线条
for (var i = 0; i <= 5; i++) {
context.strokeStyle = code_randomColor();
context.beginPath();
context.moveTo(Math.random() * canvas_width,Math.random() * canvas_height);
context.lineTo(Math.random() * canvas_width,Math.random() * canvas_height);
context.stroke();
}
//验证码上显示小点
for (var i = 0; i <= 30; i++) {
context.strokeStyle = code_randomColor();
context.beginPath();
var x = Math.random() * canvas_width;
var y = Math.random() * canvas_height;
context.moveTo(x,y);
context.lineTo(x + 1,y + 1);
context.stroke();
}
}
生成验证码随机背景颜色:
function code_randomColor() { //得到随机的颜色值
var r = Math.floor(Math.random() * 256);
var g = Math.floor(Math.random() * 256);
var b = Math.floor(Math.random() * 256);
return “rgb(” + r + “,” + g + “,” + b + “)”;
}
在html中引用: