『验证码生成』在Linux中实现基于

用来搜索目录中所有的字体信息,并汇总生成fonts.scale文件

yum -y install ttmkfdir

image.png

4. 查看字体库是否已安装成功

fc-list

image.png

二、Docker环境

FROM microsoft/dotnet:2.2.0-aspnetcore-runtime
WORKDIR /app
COPY . .
RUN apt-get update -y && apt-get install -y libgdiplus && apt-get clean && ln -s /usr/lib/libgdiplus.so /usr/lib/gdiplus.dll
EXPOSE 80
ENTRYPOINT ["dotnet", "<你的入口程序集>"]

三、.NET 代码实现封装

1. SixLabors.ImageSharp方案

1.1 效果

1.jpg

1.2 源码链接

https://github.com/SixLabors/ImageSharp

1.3 Nuget依赖
<!--Nuget依赖-->
<PackageReference Include="SixLabors.ImageSharp" Version="2.1.3" />
<PackageReference Include="SixLabors.ImageSharp.Drawing" Version="1.0.0-beta15" />

1.4 Helper代码封装
using SixLabors.ImageSharp;
using SixLabors.Fonts;
using SixLabors.ImageSharp.PixelFormats;
using SixLabors.ImageSharp.Processing;
using SixLabors.ImageSharp.Drawing.Processing;
using System;
using System.Linq;

namespace VertifyCode
{
    public class VerifyCodeHelper
    {
        private static readonly Color[] Colors = { Color.Black, Color.Red, Color.Blue, Color.Green, Color.Orange, Color.Brown,
                                                  Color.Brown,Color.DarkBlue};
        private static readonly char[] Chars = { '2','3','4','5','6','8','9',
                                                'A','B','C','D','E','F','G','H','J','K', 'L','M','N','P','R','S','T','W','X','Y' };
        //private static readonly int Width = 90;
        //private static readonly int Height = 35;

        private static string GenCode(int num)
        {
            var code = string.Empty;
            var r = new Random();

            for (int i = 0; i < num; i++)
            {
                code += Chars[r.Next(Chars.Length)].ToString();
            }

            return code;
        }

        public static (string code, byte[] bytes) CreateValidateGraphic(int CodeLength, int Width = 80, int Height = 40, int FontSize = 14)
        {
            var code = GenCode(CodeLength);
            var r = new Random();
            using var image = new Image<Rgba32>(Width, Height);
            // 字体
            var font = SystemFonts.CreateFont(SystemFonts.Families.First().Name, FontSize, FontStyle.Bold);
            image.Mutate(ctx =>
                         {
                             // 白底背景
                             ctx.Fill(Color.White);

                             // 画验证码
                             for (int i = 0; i < code.Length; i++)
                {
                    ctx.DrawText(code[i].ToString()
                                 , font
                                 , Colors[r.Next(Colors.Length)]
                                 , new PointF(20 \* i + 10, r.Next(2, 12)));
                }

                             // 画干扰线
                             for (int i = 0; i < 6; i++)
                {
                    var pen = new Pen(Colors[r.Next(Colors.Length)], 1);
                    var p1 = new PointF(r.Next(Width), r.Next(Height));
                    var p2 = new PointF(r.Next(Width), r.Next(Height));

                    ctx.DrawLines(pen, p1, p2);
                }

                             // 画噪点
                             for (int i = 0; i < 60; i++)
                {
                    var pen = new Pen(Colors[r.Next(Colors.Length)], 1);
                    var p1 = new PointF(r.Next(Width), r.Next(Height));
                    var p2 = new PointF(p1.X + 1f, p1.Y + 1f);

                    ctx.DrawLines(pen, p1, p2);
                }
                         });
            using var ms = new System.IO.MemoryStream();

            // 格式 自定义
            image.SaveAsPng(ms);
            return (code, ms.ToArray());
        }
    }
}


2. SkiaSharp方案

2.1 效果

1.png

2.2 源码链接

https://github.com/mono/SkiaSharp

2.3 Nuget依赖
<!--Nuget依赖-->
<PackageReference Include="SkiaSharp" Version="2.88.3" />
<PackageReference Include="SkiaSharp.NativeAssets.Linux.NoDependencies" Version="2.88.3" />

2.4 Helper代码封装
using SkiaSharp;
using System;

namespace VertifyCode
{

    public class VerifyCodeImageSharpHelper
    {

        private static readonly char[] Chars = { '2','3','4','5','6','8','9',
       'A','B','C','D','E','F','G','H','J','K', 'L','M','N','P','R','S','T','W','X','Y' };

        private static string GenCode(int num)
        {
            var code = string.Empty;
            var r = new Random();

            for (int i = 0; i < num; i++)
            {
                code += Chars[r.Next(Chars.Length)].ToString();
            }

            return code;
        }

        public static (string code, byte[] bytes) CreateValidateGraphic(int codeLength, int width = 80, int height = 40, int fontSize = 20)
        {
            var code = GenCode(codeLength);

            byte[] imageBytes = null;
            int image2d_x = 0;
            int image2d_y = 0;
            SKRect size;
            int compensateDeepCharacters = 0;
            using (SKPaint drawStyle = CreatePaint(fontSize))
            {
                size = MeasureText(code, drawStyle);


**网上学习资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。**

**[需要这份系统化的资料的朋友,可以点击这里获取!](https://bbs.csdn.net/topics/618542503)**

**一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!**
  • 6
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
基于Go语言实现的单点登录系统(sso) 支持手机号码+验证码、邮箱+验证码、微信第三方授权三种方式注册 支持手机号码、用户名、邮箱号码、微信登录 支持手机和邮箱找回密码 支持阿里云通信和互亿无线的短信验证码服务 Go语言(也称为Golang)是由Google开发的一种静态强类型、编译型的编程语言。它旨在成为一门简单、高效、安全和并发的编程语言,特别适用于构建高性能的服务器和分布式系统。以下是Go语言的一些主要特点和优势: 简洁性:Go语言的语法简单直观,易于学习和使用。它避免了复杂的语法特性,如继承、重载等,转而采用组合和接口来实现代码的复用和扩展。 高性能:Go语言具有出色的性能,可以媲美C和C++。它使用静态类型系统和编译型语言的优势,能够生成高效的机器码。 并发性:Go语言内置了对并发的支持,通过轻量级的goroutine和channel机制,可以轻松实现并发编程。这使得Go语言在构建高性能的服务器和分布式系统时具有天然的优势。 安全性:Go语言具有强大的类型系统和内存管理机制,能够减少运行时错误和内存泄漏等问题。它还支持编译时检查,可以在编译阶段就发现潜在的问题。 标准库:Go语言的标准库非常丰富,包含了大量的实用功能和工具,如网络编程、文件操作、加密解密等。这使得开发者可以更加专注于业务逻辑的实现,而无需花费太多时间在底层功能的实现上。 跨平台:Go语言支持多种操作系统和平台,包括Windows、Linux、macOS等。它使用统一的构建系统(如Go Modules),可以轻松地跨平台编译和运行代码。 开源和社区支持:Go语言是开源的,具有庞大的社区支持和丰富的资源。开发者可以通过社区获取帮助、分享经验和学习资料。 总之,Go语言是一种简单、高效、安全、并发的编程语言,特别适用于构建高性能的服务器和分布式系统。如果你正在寻找一种易于学习和使用的编程语言,并且需要处理大量的并发请求和数据,那么Go语言可能是一个不错的选择。
要在React实现图形验证码,可以使用第三方库react-captcha来生成验证码。首先,需要在项目安装react-captcha。 ``` npm install react-captcha --save ``` 然后,在组件使用Captcha组件来生成验证码。在这个组件,我们可以设置一些属性,例如验证码长度、字符集、背景颜色等等。在这个例子,我们将生成一个长度为6的验证码,字符集为大小写字母和数字,背景颜色为浅灰色。 ``` import React from 'react'; import Captcha from 'react-captcha'; class CaptchaExample extends React.Component { render() { return ( <Captcha captchaCodeLength={6} captchaChars={'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789'} captchaBgColor={'#f2f2f2'} /> ); } } export default CaptchaExample; ``` 此时,我们已经能够在React生成图形验证码了。但是,我们还需要在验证码输入框验证用户输入是否正确。这可以通过在Captcha组件上设置onVerify属性来实现。 ``` import React from 'react'; import Captcha from 'react-captcha'; class CaptchaExample extends React.Component { constructor(props) { super(props); this.state = { captchaCode: '', validCaptcha: '' }; } handleVerify = code => { this.setState({ validCaptcha: code }); }; handleSubmit = e => { e.preventDefault(); if (this.state.captchaCode === this.state.validCaptcha) { alert('验证码正确!'); } else { alert('验证码错误!'); } }; handleChange = e => { this.setState({ captchaCode: e.target.value }); }; render() { return ( <form onSubmit={this.handleSubmit}> <Captcha captchaCodeLength={6} captchaChars={'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789'} captchaBgColor={'#f2f2f2'} onVerify={this.handleVerify} /> <input type="text" value={this.state.captchaCode} onChange={this.handleChange} /> <button type="submit">提交</button> </form> ); } } export default CaptchaExample; ``` 在这个例子,我们在Captcha组件上设置了onVerify属性,当用户输入验证码时,会自动调用handleVerify方法,将生成验证码存储在validCaptcha状态。当用户提交表单时,将会比较用户输入的验证码生成验证码是否一致。如果一致,则弹出“验证码正确!”的提示框,否则弹出“验证码错误!”的提示框。 这样,我们就完成了在React生成图形验证码的过程。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值