nodejs产生图片验证码

我不是女神ヾ 2022-05-13 00:14 248阅读 0赞

基于html5 canvas  
  
1、ubuntu 下安装  
sudo apt-get install libcairo2-dev

sudo npm install canvas

2、nodejs代码

var Canvas = require('./Common/canvas');
    var getRandom = function(start,end){
        return start+Math.random()*(end-start);
    };
    var canvas = new Canvas(50,20);
    var ctx = canvas.getContext('2d');
    var s = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789';
    var code = '';
    for(var i=0;i<4;i++){
        code+= s.substr(parseInt(Math.random()*36),1);
    }
    var font= 'bold {FONTSIZE}px Impact';//"Bold Italic {FONTSIZE}px arial,sans-serif";//"13px sans-serif";
    var start = 3;
    var colors = ["rgb(255,165,0)","rgb(16,78,139)","rgb(0,139,0)","rgb(255,0,0)"];
    var trans = {c:[-0.108,0.108],b:[-0.05,0.05]};
    var fontsizes = [11,12,13,14,15,16];
    for(var i in code){
        ctx.font = font.replace('{FONTSIZE}',fontsizes[Math.round(Math.random()*10)%6]);
        ctx.fillStyle = colors[Math.round(Math.random()*10)%4];//"rgba(0, 0, 200, 0.5)";
        ctx.fillText(code[i], start, 15,50);
        ctx.fillRect();
        //con.translate(start,15);
        //ctx.transform(a,b, c, d, e, f);
        //参考：
        //a:水平缩放，default：1 ,取值：0.89,1.32,-0.56等,
        //b:y轴斜切，default：0 ,取值：-0.89,1.32等,
        //c:x轴斜切，default：0 ,取值：-0.89,1.32等,
        //d:垂直缩放，default：1 ,取值：-0.89，0.88,1.32等,
        //e:平移，default：0 ,取值：-53,52等,
        //f:纵称，default：0 ,取值：-53,52等,
        var c = getRandom(trans['c'][0],trans['c'][1]);
        var b = getRandom(trans['b'][0],trans['b'][1]);
        //alert(c+','+b);
        //ctx.transform(1,b, c, 1, 0, 0);
        start+=11;
    }
    //参考下面链接；可发送给客户端
    console.log('code:'+code);
    console.log('<img src="'+canvas.toDataURL()+'" alt="" />');
    
    //输出文件到out.png.可方便使用
    var buf = canvas.toDataURL();
    var base64Data = buf.replace(/^data:image\/\w+;base64,/, "");
    var dataBuffer = new Buffer(base64Data, 'base64');
    
    var fs = require("fs");
    fs.writeFile("out.png", dataBuffer, function(err) {
                 if(err){
                   console.log("errro！");
                 }else{
                   console.log("保存成功！");
                 }
               });

发表评论取消回复

表情：

评论列表（有 0 条评论，248人围观）

还没有评论，来说两句吧...

相关阅读

相关图片验证码

页面放入html代码： <div class="code-pic-box"> <input type="text" class="input_

水深无声/ 2024年02月19日 12:42/ 0 赞/ 62 阅读

相关产生随机中文验证码

1 using System; 2 using System.Collections.Generic; 3 using System.Text;

绝地灬酷狼/ 2023年08月17日 16:18/ 0 赞/ 112 阅读

相关 C# 产生验证码利用背景图片绘制

/// <summary> /// 获取验证码【字符串】 /// </summary> ///

约定不等于承诺〃/ 2022年09月17日 10:24/ 0 赞/ 175 阅读

相关 nodejs产生图片验证码

基于html5 canvas 1、ubuntu 下安装 sudo apt-get install libcairo2-dev sudo npm i

我不是女神ヾ/ 2022年05月13日 00:14/ 0 赞/ 249 阅读

相关图片验证码

![在这里插入图片描述][70] ![在这里插入图片描述][70 1] ImageCode public class ImageCode extends Va

小灰灰/ 2022年05月10日 09:50/ 0 赞/ 331 阅读

相关图片验证码类

<?php class base_vcode_gd { //图片资源 private $image=null;

我会带着你远行/ 2022年04月04日 03:26/ 0 赞/ 361 阅读

相关验证码图片

作者：吱韩菌开发工具：Visual Studio 2015 撰写时间：2019-6-27 在大部分软件中，登录和注册都会涉及到信息验证，而验证的方式也是琳琅满目，随

- 日理万妓/ 2021年12月20日 13:37/ 0 赞/ 453 阅读

相关 Java实现验证码的产生和验证

大家都知道为了防止我们的网站被有些人和黑客恶意攻击，比如我们网站的注册页面，如果我们在用户注册的时候不加上一个验证码框的话，别人就可以写一个脚本对你的网站进行恶意的注

灰太狼/ 2021年10月25日 12:52/ 0 赞/ 384 阅读

相关 c++产生验证码字符串

// // Created by lk on 18-10-14. // include <iostream> include <cstd

素颜马尾好姑娘i/ 2021年09月20日 09:52/ 0 赞/ 277 阅读

相关图片验证码

图片验证 <html> <head> <meta charset="utf-8"> <title></title>

左手的ㄟ右手/ 2021年07月24日 23:30/ 0 赞/ 608 阅读