一、引言

本文主要是我在学习Canvas技术绘图时的一个小练习，绘制随机改变的验证码图片，虽然真正的项目里不这么做，但这个练习是一个掌握Canvas技术很好的综合练习。（真正的项目中验证码图片使用服务器端技术，而不是客户端技术。）

二、要求

三、实现

 注意：反复使用的功能，比如求随机数Math.floor(Math.random()*(max-min)+min);要封装为函数或插件，这样方便反复调用。

使用Canvas绘图; ; c1.width = w; c1.height = h; ); ); ctx.fillRect(,w,h); ctx.textBaseline ; ; ){ ; ctx.fillStyle ); ctx.save();); ctx.rotate(deg); ctx.restore();//恢复存盘 } ){ ctx.strokeStyle ); ctx.beginPath(); ctx.moveTo(rn(, h)); ctx.lineTo(rn(, h)); ctx.stroke(); } ){ ctx.fillStyle ); ctx.beginPath(); ctx.arc(rn(Math.PI); ctx.fill(); } rn(min,max){ min); return n; } rc(min, max){ rn(min, max); rn(min, max); rn(min, max); return `rgb(${r},${g},${b})`; }

 效果：