【前端】简单验证码的制作

在写注册页面的时候用到了验证码，但不知道怎样实现，所以就在晚上各种搜索，学了简单的一种，在此总结一下。

效果图

总体思路：
使用canvas元素画背景图，用js产生随机验证码，背景颜色以及干扰图线，干扰点，然后渲染到页面上

代码实现如下：

HTML部分：

<canvas id="mycanvas"></canvas><br /><br />
<input type="button"id="mybutton" value="刷新" onclick="code(options)"/>

JS部分

var options={
		 canvasId:'mycanvas',
		 width:200,
		 height:50,
		 txt:'' 
	}
	//生产验证码
	function produceCode(options){
		var code="";
		var random=new Array(0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J