May 18, 2015
实现动态验证码的思路
示例
背景
验证码主要是防止机器暴力破解。之前的验证码都是以静态为主,现在一些产品开始使用动态方式,增加破解的难度。动态方式以 gif 最为简单可靠。gif 兼容性好,尺寸小。这里分享的就是一种:用 JS 实现 gif 动态验证码的思路。感谢关注。
任务分解
绘制旋转的文字
计算每个字符出现位置和角度
生成 gif 图片
逐步求精
如何绘制旋转的文字?
了解能用的 API
context.rotate(angle) 使当前坐标系旋转 angle,单位弧度
context.translate(x, y) 使当前坐标系偏移 x, y,单位像素
context.font 设置字体
context.strokeText(text, x, y [, maxW… Read More