.NET Core利用skiasharp文字頭像生成方法教程（基于docker發布）

2024-07-10 13:33:00

字體：大中小

來源：轉載

供稿：網友

一、問題背景

目前.NET Core下面針對于圖像處理的庫微軟并沒有集成，在.NET FrameWork下我們已經習慣使用System.Drawing類庫做簡單的圖像處理，到了.NET Core下一臉懵逼的我，只能百度+谷歌看看有沒啥解決方案，好在網上資料也多，.NET Core下的圖像處理還是有些開源庫的，我目前使用的其中一個：SkiaSharp，介紹反正大家自己網上找找都有，下面就用該庫實現一個文字頭像的小功能，話不多說了，來一起看看詳細的介紹吧。

二、簡單的設計要求

對于輸入的名字得解析（中文、英文）
圖片背景色隨機會換
文字要居中（廢話，不居中不是丑爆了）

三、具體實現

1、解析姓名信息

  private String ResolveName(String imageText)  {   imageText.Replace("?", "").Replace(":", "").Replace("?", "").Replace("*", "").Replace("<", "").Replace(">", "").Replace(@"/", "").Replace(@"/", "").Replace(@"|", "").Replace("/"", "");//去除路徑不支持的信息   imageText = imageText.Trim(' ');//去除空格信息   String temp2 = imageText.Substring(0, 1);//根據第一位的數據判斷是走英文規則還是中文規則，都不是的話就是取前兩位   if (RegexLib.IsChineseCharacter(temp2))   {    //UserName = UserName.Trim(' ');    if (imageText.Length > 2 & imageText.Length <= 3)    {     imageText = imageText.Substring(1, 2);    }    else if (imageText.Length >= 3)    {     imageText = imageText.Substring(imageText.Length - 2, 2);    }   }   else if (RegexLib.IsEnglishCharacter(temp2))   {    String[] temp1 = imageText.Split(' ');    if (temp1.Length == 2)    {     imageText = (temp1[0].Substring(0, 1) + temp1[1].Substring(0, 1)).ToUpper();    }    else    {     if (imageText.Length > 2)     {      imageText = imageText.Substring(0, 2).ToUpper();     }    }   }   else   {    if (imageText.Length > 2)    {     imageText = imageText.Substring(0, 2);    }   }   imageName = imageText;   return imageName;  }

2、根據文字生成圖片

  public byte[] Create()  {   String name = imageName + ".jpg";   SKBitmap bmp = new SKBitmap(128, 128);   String str = imageName;   using (SKCanvas canvas = new SKCanvas(bmp))   {    Random r = new Random();    int num = r.Next(0, 9);    canvas.DrawColor(colors[num]); // colors是圖片背景顏色集合，這里代碼就不貼出來了，隨機找一個    using (SKPaint sKPaint = new SKPaint())    {     sKPaint.Color = SKColors.White;//字體顏色     sKPaint.TextSize = 39;//字體大小     sKPaint.IsAntialias = true;//開啟抗鋸齒     sKPaint.Typeface = SkiaSharp.SKTypeface.FromFamilyName("微軟雅黑", SKTypefaceStyle.Bold);//字體     SKRect size = new SKRect();     sKPaint.MeasureText(str, ref size);//計算文字寬度以及高度     float temp = (128 - size.Size.Width) / 2;     float temp1 = (128 - size.Size.Height) / 2;     canvas.DrawText(str, temp, temp1 - size.Top, sKPaint);//畫文字    }    //保存成圖片文件    using (SKImage img = SKImage.FromBitmap(bmp))    {     using (SKData p = img.Encode(SKEncodedImageFormat.Jpeg, 100))     {      return p.ToArray();      //using (var stream = File.Create(Path.Combine(AppDomain.CurrentDomain.BaseDirectory, "photoImage", name)))      //{      // stream.Write(p.ToArray(), 0, p.ToArray().Length);      // return stream;      //}     }    }   }  }

我這邊只是得到的是byte[]數組，如果需要轉成stream或者保存成文件，方法都有，找找肯定都可以找到的，我就不放出來了，

三、docker發布的坑

坑1：IIS下可以，docker下報錯的坑爹問題

由于skiasharp在windows跟linux下使用的依賴庫是不同的，如果都按照以前的方式部署，在docker里就會出現"The type initializer for 'SkiaSharp.SKImageInfo' threw an exception",原因是linux下skiasharp依賴libSkiaSharp.so，而如果系統中沒有libSkiaSharp.so，就會報這個錯，目前我最簡單的操作就是找到這個文件扔在skiasharp的目錄下，然后就可以了

坑2：中文字體不識別

由于docker內部沒有中文字體，SO，當要輸出中文的時候就狗帶了，如下圖，所及解決辦法那也就是把字體拷貝到docker內部中去

.net,core,docker,skiasharp,文字頭像生成　　

下面提供我自己使用的Dockerfile，具體Dockerfile怎么用，那就只能大家自己百度百度（ps：其實真實原因是我自己這方面也是弱雞- -，怕誤導大家），我的環境是CentOS7.3的環境

#基于 `microsoft/dotnet:latest` 來構建我們的鏡像FROM microsoft/dotnet:latest#拷貝項目publish文件夾中的所有文件到 docker容器中的publish文件夾中 COPY . /publish /publish/#ENV LANG C.UTF-8#ENV LANGUAGE C.UTF-8#ENV LC_ALL C.UTF-8COPY MSYH.TTC /usr/share/fonts/dejavuCOPY MSYHL.TTC /usr/share/fonts/dejavuCOPY MSYHBD.TTC /usr/share/fonts/dejavu#更換軟件源為國內的軟件源RUN mv /etc/apt/sources.list /etc/apt/sources.list.bak && / echo "deb http://mirrors.163.com/debian/ jessie main non-free contrib" >/etc/apt/sources.list && / echo "deb http://mirrors.163.com/debian/ jessie-proposed-updates main non-free contrib" >>/etc/apt/sources.list && / echo "deb-src http://mirrors.163.com/debian/ jessie main non-free contrib" >>/etc/apt/sources.list && / echo "deb-src http://mirrors.163.com/debian/ jessie-proposed-updates main non-free contrib" >>/etc/apt/sources.list#RUN apt-get update && apt-get install -y libfontconfig1 && apt-get install -y fontconfigRUN apt-get update && apt-get install -y fontconfig#設置工作目錄為 `/publish` 文件夾，即容器啟動默認的文件夾WORKDIR /publish#設置Docker容器對外暴露5000端口EXPOSE 5000#使用`dotnet WebApplication1.dll`來運行應用程序CMD ["dotnet", "WebApplication1.dll"]

上張成功的圖：

.net,core,docker,skiasharp,文字頭像生成　　