zoukankan      html  css  js  c++  java
  • Node 生成验证码

    imageMagick 安装

    官网下载页下载,安装完成后得到 convert 命令。若是 Mac,可以直接使用下面的命令

    brew install imagemagick
    

    生成一个验证码

    $ convert -size 290x70 xc:white -bordercolor black -border 5 
    -fill black -stroke black -strokewidth 1 -font TimesNewRoman -pointsize 40 
    -draw "translate -116,-5 skewX 37 gravity center text 0,0 'a'" 
    -draw "translate -73,-4 skewX -20 gravity center text 0,0 's'" 
    -draw "translate -26,8 skewX 28 gravity center text 0,0 'd'" 
    -draw "translate 27,5 skewX 27 gravity center text 0,0 'f'" 
    -draw "translate 75,-3 skewX -7 gravity center text 0,0 'q'" 
    -draw "translate 118,7 skewX 36 gravity center text 0,0 'k'" 
    -fill none -strokewidth 5 
    -draw "bezier 22.4,58 68.6,56 129.1,50 180.8,58" 
    -draw "polyline 174.2,58 234.7,38 280.9,56" 
    -resize 100% 
    ./test.jpg
    
    

    Node 执行下列命令来生成一张验证码

    const exec = require('child_process').exec;
    
    const command = `
    convert -size 290x70 xc:white -bordercolor black -border 5 
    -fill black -stroke black -strokewidth 1 -font TimesNewRoman -pointsize 40 
    -draw "translate -116,-5 skewX 37 gravity center text 0,0 'a'" 
    -draw "translate -73,-4 skewX -20 gravity center text 0,0 's'" 
    -draw "translate -26,8 skewX 28 gravity center text 0,0 'd'" 
    -draw "translate 27,5 skewX 27 gravity center text 0,0 'f'" 
    -draw "translate 75,-3 skewX -7 gravity center text 0,0 'q'" 
    -draw "translate 118,7 skewX 36 gravity center text 0,0 'k'" 
    -fill none -strokewidth 5 
    -draw "bezier 22.4,58 68.6,56 129.1,50 180.8,58" 
    -draw "polyline 174.2,58 234.7,38 280.9,56" 
    -resize 100% 
    ./test.jpg
    `;
    
    new Promise((resolve, reject) => {
      exec(command, function(err) {
        if (err) {
          reject(err);
        }
        resolve({
          code: text,
          path: url,
        });
      });
    });
    

    生成一张交错的黑白交错的网格背景

    生成一个张黑白交错的网格背景,并且平铺它。

    $ convert -size 20x20 xc:white  
    -fill black 
    -draw "rectangle 0,0 10,10 rectangle 10,10 20,20" 
    ./bg.jpg
    
    $ composite -tile bg.jpg -size 290x70  xc:none  test.jpg
    

    在某张背景图上写入验证码文字

    $ convert -size 290x70 -strip xc:none ./test.jpg -gravity center  
    -composite 
    -bordercolor black -border 5 
    -fill transparent -stroke black -strokewidth 1 
    -font Verdana -pointsize 50 
    -draw "translate -73,-6 skewX -3 gravity center text 0,0 '5'" 
    -draw "translate -49,-4 skewX 16 gravity center text 0,0 '3'" 
    -draw "translate -11,-7 skewX 23 gravity center text 0,0 '9'" 
    -draw "translate 18,8 skewX 7 gravity center text 0,0 '3'" 
    -draw "translate 47,-5 skewX -20 gravity center text 0,0 '6'" 
    -draw "translate 77,-6 skewX -8 gravity center text 0,0 '4'" 
    -fill none -stroke black -strokewidth 5  
    -draw "bezier 65,28 91,32 133,26"  
    -draw "polyline 133,26 165,56 212,30 245,28" 
    ./test_text.jpg
    
    

    灰度化

    convert in.png -grayscale Rec709Luma gray.png
    

    Rec709Luma 是一种灰度算法。

    二值化

    常用于破解验证码,提交给 OCR 识别

    # 若用原图
    convert in.png -monochrome out.png
    

    # 若用灰度图,threshold代表二值化程度
    convert gray.png -threshold 55%  gray_out.png
    

    参考

    imageMagick 官方文档

    Fred's ImageMagick Scripts

  • 相关阅读:
    html大文件传输技术
    html大文件传输实例解析
    html大文件传输示例
    ckeditor粘贴word图片自动上传功能
    ckeditor不能粘贴word的问题
    ckeditor不能粘贴word的问题如何解决
    vue-ckeditor-word粘贴
    vue中使用ckeditor,支持wps,word,网页粘贴
    富文本编辑器复制word
    富文本编辑器粘贴word
  • 原文地址:https://www.cnblogs.com/everlose/p/12841528.html
Copyright © 2011-2022 走看看