SkiaSharp:.NET强大而灵活的跨平台图形库

news/2024/5/19 20:57:19 标签: c#, .netcore, asp.net

在.Net 6之前,我们一般是使用System.Drawing.Common来生成图像。

但在.Net 6平台需要配置,才能在非Windows平台使用System.Drawing.Common。而从.Net 7开始,非Windows不再允许使用,官方也给我们推荐了几个替代库。

图片

今天我们一起来了解下,免费开源图像库:SkiaSharp。

01

项目简介

SkiaSharp是基于Google的Skia图形库的.NET封装,是一个用于2D图像绘制的开源库,无论桌面应用程序、移动应用还是Web应用,都可以使用。

.Net开发人员可以利用这个强大而灵活的跨平台图形库,来实现高质量的图形绘制和渲染。

02

项目特性

**1、跨平台:**支持多种操作系统,包括Windows、macOS、iOS、Android以及其他.NET Core兼容的平台。

**2、高性能:**支持硬件加速技术,提供高效的图形渲染能力,都可以保证在任何平台应用流畅的用户体验;

**3、易用性:**提供了直观的API,使得开发人员可以轻松地在.NET应用程序中绘制各种形状、文本和图像。此外还提供了WPF和WinForms的控件,简化开发难度与工作量。

**4、丰富的图形功能:**除了提供基本的绘图操作,还提供很多复杂的图形效果,如阴影、渐变和纹理。

5、支持多种文本渲染:无论是矢量字体还是位图字体,都提供了强大的文本渲染能力。

**6、社区活跃:**在Github已收获3.9K的Star。

图片

03

使用示例

1、安装依赖库

图片

2、验证码示例代码

using SkiaSharp;

//图片宽度
var width = 90;
//图片高度
var height = 30;
//生成随机验证码
var code = CreateValidateCode(4);

// 创建一个SkiaSharp画布  
using (var surface = SKSurface.Create(new SKImageInfo(width, height)))
{
    var canvas = surface.Canvas;

    // 清除画布  
    canvas.Clear(SKColors.White);

    // 使用SkiaSharp绘制验证码文本  
    using (var textPaint = new SKPaint())
    {
        textPaint.Color = SKColors.Black;
        textPaint.IsAntialias = true;
        textPaint.TextSize = height * 0.8f; // 设置文本大小  
        textPaint.StrokeWidth = 3;

        var textBounds = new SKRect();
        textPaint.MeasureText(code, ref textBounds);
        var xText = (width - textBounds.Width) / 2;
        var yText = (height - textBounds.Height) / 2 - textBounds.Top;

        canvas.DrawText(code, xText, yText, textPaint);
    }

    // 绘制干扰线  
    using (var linePaint = new SKPaint())
    {
        // 半透明黑色  
        linePaint.Color = new SKColor(0, 0, 0, 128);
        linePaint.StrokeWidth = 1;
        linePaint.IsAntialias = true;

        var random = new Random();
        for (int i = 0; i < 5; i++) // 绘制5条干扰线  
        {
            float x1 = 0;
            float y1 = random.Next(height);
            float x2 = width;
            float y2 = random.Next(height);
            canvas.DrawLine(x1, y1, x2, y2, linePaint);
        }
    }

    // 保存图像到文件  
    using (var image = surface.Snapshot())
    using (var data = image.Encode())
    {
        File.WriteAllBytes("code.png", data.ToArray());
    }
}

/// <summary>
///  随机生成验证码
/// </summary>
/// <param name="len"></param>
/// <returns></returns>
string CreateValidateCode(int len)
{
    // 可选字符集  
    const string chars = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";

    // 创建一个新的随机数生成器  
    Random random = new Random();

    // 生成验证码  
    string code = new string(Enumerable.Repeat(chars, len)
        .Select(s => s[random.Next(s.Length)]).ToArray());
    return code;
}

3、效果

图片

04

项目地址

https://github.com/mono/SkiaSharp

该开源库,我在 知识星球 的框架教程中也有运用,使用示例如下:

图片

- End -


http://www.niftyadmin.cn/n/5349946.html

相关文章

某信息安全研究机构:打造创新人才学习平台,增强企业数字化转型内生安全动力

某信息安全研究机构是该领域具有重要影响力的研究咨询与决策支撑机构&#xff0c;是保障信息安全的重要机构。该信息安全研究机构聚焦安全主业&#xff0c;加强特色智库建设&#xff0c;为经济高质量发展提供智力支持和决策参考。同时&#xff0c;不断强化信息安全综合保障能力…

如何用一根网线和51单片机做简单门禁[带破解器]

仓库:https://github.com/MartinxMax/Simple_Door 支持原创是您给我的最大动力… 原理 -基础设备代码程序- -Arduino爆破器程序 or 51爆破器程序- 任意选一个都可以用… —Arduino带TFT屏幕——— —51带LCD1602——— 基础设备的最大密码长度是0x7F&#xff0c;因为有一位…

【ChatGPT】之 函数调用:打破界限,开创未来

ChatGPT 函数调用&#xff1a;解锁自然语言搭建新维度&#xff0c;打破低代码平台创作局限&#xff01; 在本文中&#xff0c;展示如何将嵌入向量搜索方式获取私有知识库的方式替换为函数调用方式。同时&#xff0c;我们将结合结构化数据和关系型数据库&#xff0c;以更熟悉的…

elasticsearch在ubuntu下的配置以及简单使用

参考资料 官方下载地址 ELK学习实验002&#xff1a;Elasticsearch介绍及单机安装 ElasticSearch (ES从入门到精通一篇就够了) 前言 警告&#xff1a;elasticsearch默认不允许使用root账号来运行的&#xff0c;所以&#xff0c;强烈建议一开始就创建一个账号例如&#xff1a;…

腾讯云轻量应用Ubuntu服务器如何一键部署幻兽帕鲁Palworld私服?

幻兽帕鲁/Palworld是一款2024年Pocketpair开发的开放世界生存制作游戏&#xff0c;在帕鲁的世界&#xff0c;玩家可以选择与神奇的生物“帕鲁”一同享受悠闲的生活&#xff0c;也可以投身于与偷猎者进行生死搏斗的冒险。而帕鲁可以进行战斗、繁殖、协助玩家做农活&#xff0c;也…

37、WEB攻防——通用漏洞XSS跨站权限维持捆绑钓鱼浏览器漏洞

文章目录 XSS——后台植入Cookie&表单劫持&#xff08;获取明文密码&#xff09;XSS——Flash钓鱼配合MSF捆绑上线XSS——浏览器网马配合MSF访问上线 要想获取有效的cookie&#xff0c;需要&#xff1a;1、网站本身采用cookie进行验证&#xff1b;2、网站未做http-only等的…

vue项目使用element-plus

介绍 1.element Plus 是一套基于 Vue.js 的组件库&#xff0c;是对饿了么团队的 Element UI 组件库的升级版本。Element Plus 的目标是提供一套更为现代、更好用的 Vue.js UI 组件。 导入 1.1 执行命令: npm install element-plus --save 1.2 在main.js中做如下配置import E…

spring+drools

引入依赖 <dependency><groupId>com.github.hongwen1993</groupId><artifactId>fast-drools-spring-boot-starter</artifactId><version>8.0.8</version><scope>compile</scope> </dependency>yml配置 spring: …