首页 星云 工具 资源 星选 资讯 热门工具
:

PDF转图片 完全免费 小红书视频下载 无水印 抖音视频下载 无水印 数字星空

.NEET跨平台绘图基础库--SkiaSharp

编程知识
2024年09月28日 10:15

SkiaSharp 是一个跨平台的 2D 图形 API,用于 .NET 平台,基于 Google 的 Skia 图形库。它提供了全面的 2D API,可以在移动、服务器和桌面模型上渲染图像。SkiaSharp 可以在多个 .NET 平台上使用,包括 ASP.NET Core、WPF、Winform、MAUI、AvaloniaUI 和 Uno。

Skia是个2D向量图形处理函数库,包含字型、座标转换,以及点阵图都有高效能且简洁的表现。不仅用于Google Chrome浏览器, Android开放手机平台也采用Skia作为绘图处理,搭配OpenGL/ES与特定的硬体特征,强化显示的效果

自2005年Skia被Google收购后,一直相当神秘低调,直到2007年初,Skia GL相关的源代码才被揭露,作为Google Android平台的图形引擎,稍后的Google Chrome浏览器也采用Skia引擎。随着Android与Chrome (开源版本称为"Chromium")两大平台公布源代码后,skia也一并公开源代码,以Apache License v2发布(注意,这意味着与GPLv2授权不相容) ,而Android与Chrome的代码库中都有一份[skia]的复制,因需求不同,做了部份的修改,比方说Chrome专案底下的 [chrome/trunk/src/skia],需要注意的是,Skia本身是不涉及底层环境,如Linux Framebuffer或Gtk+衔接的处理,这也是何以Android (通过Linux Framebuffer)与Chrome (开发中的Linux版本使用Gtk+)需要提供一份修改,以便系统接轨。

SkiaSharp是一个强大跨平台绘图框架,可以用SkiaSharp在WPF、安卓Xamarin.Forms客户端绘图,也可以用于创建PDF绘图,但是由于它不支持网页绘图,所以总觉得很遗憾,因为目前主流的浏览器都是谷歌Chrom内核,谷歌为什么不支持自家的Skia在网页直接绘图呢?如果SkiaSharp可以直接在网页绘图(Blazor webassembly),那它就是跨越全平台的绘图框架了。终于到了2021年10月12日,.NET 6发布RC2候选版本(正式发布前最后一版),宣布了一个突破性的技术:支持在Web网页上采用SkiaSharp画布绘图。这是.NET跨平台技术发展的一个创举,使用C#可以直接在网页画布上绘图,打破了JavaScript+canvas的长期垄断地位。C#是强类型语言,可以无缝对接从服务端获取的结构化数据,有效提高开发效率和质量。

ASP.NET Core updates in .NET 6 Release Candidate 2 - ASP.NET Blog (microsoft.com)

SkiaSharp is a cross-platform 2D graphics library for .NET based on the native Skia graphics library, and it now has preview support for Blazor WebAssembly. Let’s give it a try!

在 MAUI 中,SkiaSharp 是通过 Microsoft.Maui.Graphics 库使用的。Microsoft.Maui.Graphics 是一个跨平台的图形库,它使用 SkiaSharp 作为底层渲染引擎来提供一致的 API 访问本机图形功能。这意味着开发者可以在 MAUI 应用中使用 SkiaSharp 来绘制形状、文本和保存图像。此外,SkiaSharp 还可以用于创建自定义控件,例如在 MAUI 中绘制可定制颜色和角度的轮盘或圆饼图。

对于 Uno 平台,SkiaSharp 也可以集成到 Uno 中。开发者可以通过添加 NuGet 包 "SkiaSharp" 到共享类库,并在 XAML 中添加 SkXamlCanvas 控件来使用 SkiaSharp。然而,有时可能会遇到编译问题,需要确保找到正确的命名空间。

AvaloniaUI 默认使用 Skia 渲染引擎,这是因为 AvaloniaUI 的架构设计中包含了 SkiaSharp,为了提高图形渲染性能,AvaloniaUI 在其合成渲染器中增强了图形渲染能力,并且引入了 GPU 互操作功能,这使得 Avalonia 能够与 GPU 更高效地工作,从而提高渲染性能和视觉效果,然而,需要注意的是,AvaloniaUI 使用的 Skia 是一个有限的 Skia 子集,用于 Avalonia 运行所必需的功能,不包括图像处理、图像元数据和图像解码等功能。对于需要多用途图像处理的开发者来说,SkiaSharp 是更好的选择。在使用 SkiaSharp 3.0 时,开发者需要手动包含目标平台的 NativeAssets 包.

SkiaSharp 在 MAUI、AvaloniaUI 和 Uno 中都有广泛应用,并且通过 Microsoft.Maui.Graphics 提供了一致的跨平台图形渲染能力。在不同的 .NET 平台(如 MAUI、AvaloniaUI 和 Uno)中都提供了高性能的图形渲染能力,但在移动设备上可能需要额外的优化以避免性能问题。SkiaSharp 的性能表现如下:

  1. AvaloniaUI:Avalonia 使用 SkiaSharp 作为其渲染引擎,能够实现高性能的图形渲染,并在不同操作系统上实现一致的用户界面。然而,有观点认为 Avalonia 由于基于 Skia,可能会在移动设备上遇到性能问题。

  2. MAUI:在 MAUI 中,Microsoft.Maui.Graphics 和 SkiaSharp 都是重要的库,它们为开发者提供了强大的图形绘制能力。MAUI 专为提高性能而设计,通过在原生平台控件上实现一种精简的、解耦的处理程序映射器模式,减少了 UI 渲染中的开销。

  3. Uno:SkiaSharp 与 Uno Platform 的比较中,SkiaSharp 被描述为一个跨平台的 2D 图形 API,适用于 .NET 平台,提供了全面的 2D API,可以用于移动、服务器和桌面模型来渲染图像。

应用场景上来说,它适用于多种应用场景,包括但不限于:

  • 绘图工具:SkiaSharp 可以用于开发各种绘图工具,如富文本编辑器、图像绘制工具等。例如,可以使用 SkiaSharp 创建一个功能强大的绘图工具,支持复杂的图形绘制和编辑功能。

  • 报表制作:在报表开发中,SkiaSharp 可以用于生成高质量的报表图像,支持多种数据格式和布局需求。

  • 图像生成:SkiaSharp 可以用于生成各种图像,如验证码、二维码等。例如,可以使用 SkiaSharp 生成用于身份验证的二维码。

  • 用户界面绘制:在用户界面设计中,SkiaSharp 可以用于绘制复杂的图形和动画效果。例如,可以使用 SkiaSharp 在 WPF 应用程序中实现自绘的弹动小球、粒子花园等特效。

  • 游戏开发:SkiaSharp 可以用于开发简单的游戏,如投篮小游戏,通过自绘实现游戏中的动画和交互效果。

  • PDF 绘图:SkiaSharp 还可以在 PDF 上进行绘图,支持在多种平台上生成 PDF 文件中的图形内容。

  • 跨平台应用:由于 SkiaSharp 是跨平台的,因此可以在 Windows、Linux、Android、iOS 等多个平台上使用,支持在不同设备上渲染图像和图形。

  • 开源项目:SkiaSharp 被广泛应用于各种开源项目中,如 Kimono 设计器,支持以图形化的方式创建二维图片,并生成跨平台的代码

From:https://www.cnblogs.com/shanyou/p/18437145
本文地址: http://www.shuzixingkong.net/article/2375
0评论
提交 加载更多评论
其他文章 angularjs中控制视图的控制器的两种注入依赖项及服务的写法
在AngularJS中,控制器是用于控制视图行为的重要组件。当定义控制器时,有两种主要的方式注入依赖项: 1. 显式依赖注入,聚聚使用字符串数组形式来注入依赖项: myapp.controller('myCtrl', ['$scope', function($scop
Win11本地部署FaceFusion3最强AI换脸,集成Tensorrt10.4推理加速,让甜品显卡也能发挥生产力
FaceFusion3.0.0大抵是现在最强的AI换脸项目,分享一下如何在Win11系统,基于最新的cuda12.6配合最新的cudnn9.4本地部署FaceFusion3.0.0项目,并且搭配Tensorrt10.4,提高推理速度和效率,让甜品级显卡也能爆发生产力。 安装最新版本Cuda12.6以
Win11本地部署FaceFusion3最强AI换脸,集成Tensorrt10.4推理加速,让甜品显卡也能发挥生产力 Win11本地部署FaceFusion3最强AI换脸,集成Tensorrt10.4推理加速,让甜品显卡也能发挥生产力 Win11本地部署FaceFusion3最强AI换脸,集成Tensorrt10.4推理加速,让甜品显卡也能发挥生产力
深入理解 Nuxt.js 中的 app:error:cleared 钩子
title: 深入理解 Nuxt.js 中的 app:error:cleared 钩子 date: 2024/9/28 updated: 2024/9/28 author: cmdragon excerpt: Nuxt.js 中的 app:error:cleared 钩子的用途及其实现方式。这个钩子
深入理解 Nuxt.js 中的 app:error:cleared 钩子 深入理解 Nuxt.js 中的 app:error:cleared 钩子
新手指南-新人入职-maven相关
一、前言 入职后,发现公司是用Maven对项目进行管理和构建。 一般来说,自己先确定以下几点: 1、公司对版本是否有要求。 2、是否要求IDEA对maven有特殊的配置。 3、确定自己的 MAVEN_HOME 系统环境是否配置。 4、确定maven中的setting.xml配置文件是否改成了公司要求
新手指南-新人入职-maven相关 新手指南-新人入职-maven相关 新手指南-新人入职-maven相关
从设计到代码:探索高效的前端开发工具与实践
最近我对前端开发产生了浓厚的兴趣,尤其想要尝试一些新的界面设计。然而,我遇到了一个棘手的问题:在完成UI设计后,如何将其高效地转化为HTML或其他前端框架的代码。尽管最后我还是花了不少时间逐行敲代码,但我希望分享我的过程,以便为其他有相似需求的人提供参考。也许有人会从中获益,这样就能避免再次浪费时间
从设计到代码:探索高效的前端开发工具与实践 从设计到代码:探索高效的前端开发工具与实践 从设计到代码:探索高效的前端开发工具与实践
IntelliJ IDEA插入时间文本
IntelliJ IDEA插入时间文本 需求: 在使用IDEA编辑一些文本时,需要插入指定格式的当前时间文本,首先想到的是找找有没有相关的IDEA插件,看到确实有别的猿做过相关的插件,但当时找到的文章是需要下载博主提供的离线插件jar包,而且时间格式是否能灵活自定义还未知,且当时刚好灵光一现,有了别
IntelliJ IDEA插入时间文本 IntelliJ IDEA插入时间文本 IntelliJ IDEA插入时间文本
使用MessagePipe实现进程间通信
1、MessagePipe介绍 可以用于.NET和Unity上面的高性能的内存/分布式消息传递管道。适用于发布/订阅模式、CQRS的中介模式、Prism中的EventAggregator、IPC(进程间通信)-RPC等。 支持: 依赖注入 过滤器管道 更好的事件 同步/异步 带键值的/无键值的 单例
使用MessagePipe实现进程间通信 使用MessagePipe实现进程间通信 使用MessagePipe实现进程间通信
尝试让查询更简单
为什么要写 为什么要写,大概就是沉没成本吧 只是从Source Generators出来开始,就打算以其研究是否能做 aop (现在已经有内置功能了),本来当年就想尝试能否在 orm 做一些尝试,可惜种种原因,自己都忘了这个打算了 直到今年7月份,才又想起了这个打算,现在精力不行了,本来研究一下原理