在.Net Framework時代,我們生成驗證碼大多都是用System.Drawing。 在.Net 6中使用也是沒有問題的。 但是,System.Drawing卻依賴於Windows GDI+。 為了實現跨平臺,我陷入了沉思!! 微軟推薦使用SkiaSharp 進行替代,所以就開始了,踩坑之旅 ...
在.Net Framework時代,我們生成驗證碼大多都是用System.Drawing。
在.Net 6中使用也是沒有問題的。
但是,System.Drawing卻依賴於Windows GDI+。
為了實現跨平臺,我陷入了沉思!!
微軟推薦使用SkiaSharp 進行替代,所以就開始了,踩坑之旅
首先,安裝SkiaSharp
編寫好圖形生成代碼。
using SkiaSharp;
using System.Drawing;
using System.Drawing.Text;
namespace VertifyCode
{
public class VerifyCodeHelper
{
private static readonly char[] Chars = { '0','1','2','3','4','5','6','8','9',
'A','B','C','D','E','F','G','H','I','J','K', 'L','M','N','O','P','Q','R','S','T','U','V','W','X','Y','Z' };
//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;
}
/// <summary>
/// 獲取圖像數字驗證碼
/// </summary>
/// <returns></returns>
public static (string code, byte[] bytes) GetVerifyCode()
{
var code = GenCode(4);
int width = 128;
int height = 45;
Random random = new();
//創建bitmap點陣圖
using SKBitmap image = new(width, height, SKColorType.Bgra8888, SKAlphaType.Premul);
//創建畫筆
using SKCanvas canvas = new(image);
//填充背景顏色為白色
canvas.DrawColor(SKColors.White);
//畫圖片的背景噪音線
for (int i = 0; i < (width * height * 0.015); i++)
{
using SKPaint drawStyle = new();
drawStyle.Color = new(Convert.ToUInt32(random.Next(Int32.MaxValue)));
canvas.DrawLine(random.Next(0, width), random.Next(0, height), random.Next(0, width), random.Next(0, height), drawStyle);
}//將文字寫到畫布上
using (SKPaint drawStyle = new())
{
drawStyle.Color = SKColors.Red;
drawStyle.TextSize = height;
drawStyle.StrokeWidth = 1;
float emHeight = height - (float)height * (float)0.14;
float emWidth = ((float)width / code.Length) - ((float)width * (float)0.13);
canvas.DrawText(code, emWidth, emHeight, drawStyle);
}
//畫圖片的前景噪音點
for (int i = 0; i < (width * height * 0.15); i++)
{
image.SetPixel(random.Next(0, width), random.Next(0, height), new SKColor(Convert.ToUInt32(random.Next(Int32.MaxValue))));
}
using var img = SKImage.FromBitmap(image);
using SKData p = img.Encode(SKEncodedImageFormat.Png, 100);
return (code, p.ToArray());
}
}
}
在自身Windows機器上運行,哈哈,完美
接下來,我就開始部署到Linux
部署完成後,查看日誌。靠!!!!
因為咱們公司項目是部署到客戶環境,客戶環境同樣也是內網,如果安裝依賴,會非常麻煩,而且每一個客戶都需要安裝。所以我的目的是在不安裝任何依賴的情況下,在Linux上生成圖形驗證碼
居然用不了,不是跨平臺嘛。
於是乎,百度查詢,找到了這個nuget包
SkiaSharp.NativeAssets.Linux.NoDependencies
原來,繪圖需要很多依賴,但不是每一個Linux都會有這些,由於我們的伺服器是內網,不能夠線上安裝,所有就使用此nuget包。避免缺少依賴。
安裝,部署,然後就出現以下情況
好家伙,字內,圖有,沒有字啊
在我查閱資料以後,發現Linux上沒有字體文件,然後我就開始懷疑人生。
因為是Docker環境,再加上沒有外網,所以安裝字體是個大麻煩。
但我們可以換一種思路,我提供一個字體文件,能不能讓程式指定去讀取這個文件
帶著這個思路,我開始翻閱SkiaSharp的源碼,併發現了這個類
字體管理類,說明是可以手動註入字體的。
然後找到了以下方法
看來可以試試,將字體文件,讀取成流,註入到程式中
然後再寫入文字時,使用該字體示例
最終代碼
//因為Linux不會有字體文件,所以讀取項目中的字體文件,以便生成驗證碼字體 SKFont font = new SKFont(SKFontManager.Default.CreateTypeface(File.Open("msyh.ttc", FileMode.Open))); font.Size = 38; //將文字寫到畫布上 using (SKPaint drawStyle = new()) { drawStyle.Color = SKColors.Red; drawStyle.TextSize = height; drawStyle.StrokeWidth = 1; float emHeight = height - (float)height * (float)0.14; float emWidth = ((float)width / code.Length) - ((float)width * (float)0.13); canvas.DrawText(code, emWidth, emHeight, font, drawStyle); }
字體文件從哪取,可以在C:/Windows/Fonts這個路徑下複製出來,是可以相容Linux的
接下來就是激動心,顫抖的手,我們部署到Linux(docker)下,試試。
OK搞定!完結撒花