Asp.Net Core 使用 SixLabors 生成分享图/使用自定义字体

yufei       3 周, 2 天 前       50

Asp.Net Core 跨平台使用图像库,推荐使用 SixLabors.ImageSharp。原因呢,简单、快平台 (相对于 System.Draw.Common

安装

2022_01_03_sixlabors_imageshape.jpeg

对了,在安装时一定要打开 include prereleases,不然你看不到 SixLabors.ImageSharp.Drawing

首先下载自定义字体

自定义字体方面,我推荐使用小米最近刚出的可商用的字体 MiSans

下载地址

https://kpan.mioffice.cn/webfolder/ext/IUrT%23akFnZ0%40?n=0.3820181893993342

密码:8D40

我尝试过阿里的那个啥字体,但是感觉少了什么东西,字都粘到一块了。还是用小米的吧

下载完后放在当前目录下的 fonts 目录

加载字体

我们要做的事,就是如果存在自定义字体则使用自定义字体,如果没有则使用系统默认的 Arial

FontFamily normalFontFamily = null;
FontFamily boldFontFamily = null;
var fonts = new FontCollection();

if(File.Exists("./fonts/MiSans-Normal.ttf"))
{
    normalFontFamily = fonts.Install("./fonts/MiSans-Normal.ttf");
} else
{
    normalFontFamily = SystemFonts.Families.FirstOrDefault();
}

if(File.Exists("./fonts/MiSans-Medium.ttf"))
{
    boldFontFamily = fonts.Install("./fonts/MiSans-Medium.ttf");
} else
{
    boldFontFamily = SystemFonts.Families.FirstOrDefault();
}

使用

var templatePath = "./images/bg.png";
var outputImage = Image.Load(templatePath);
var ms = new MemoryStream();

var textOptions = new TextOptions()
{
    TabWidth = 16,
    ApplyKerning = true,
    VerticalAlignment = VerticalAlignment.Top,
    HorizontalAlignment = HorizontalAlignment.Left,
    WrapTextWidth = 650
};

var graphicsOptions = new GraphicsOptions()
{
    Antialias = true
};

var options = new DrawingOptions()
{
    GraphicsOptions = graphicsOptions,
    TextOptions = textOptions
};


// 先画标题

var title = task.Title;
var color = new Color(new Bgr24(195, 99, 21));
var top = 300;
var fontSize = 64;
var font = new Font(boldFontFamily, fontSize, FontStyle.Bold);
var size = TextMeasurer.Measure(title, new RendererOptions(font));

if (size.Width > 650)
{
    if (size.Width > 850)
    {
        top = 270;
    }

    fontSize = 48;
    font = new Font(boldFontFamily, fontSize, FontStyle.Bold);
}

outputImage.Mutate(o =>
{
    o.DrawText(options, title, font, color, new PointF(70, top));
});


// 再画要求
decimal minAward = decimal.Zero;
if (task.Award != null)
{
    if (task.Award.RewardConfigs != null && task.Award.RewardConfigs.Count > 0)
    {
        var awards = task.Award.RewardConfigs.OrderBy(x => x.Money).ToList();
        if (awards[0].Money > 0)
            minAward = awards[0].Money;
    }
}

font = new Font(normalFontFamily, 36, FontStyle.Bold);
color = new Color(new Rgb24(189, 117, 46));
outputImage.Mutate(o =>
{
    o.DrawText(options, "奖励金额:最低奖励" + (minAward > decimal.Zero ? minAward : '-') + "元", font, color, new PointF(70, 420));
    o.DrawText(options, "粉丝要求:" + (task.FanCount == 0 ? "不限" : task.FanCount), font, color, new PointF(70, 470));
    o.DrawText(options, "报名名额:" + (task.Qquota == 0 ? "不限" : task.Qquota + " 人"), font, color, new PointF(70, 520));
});

outputImage.SaveAsJpeg(ms);
return new FileContentResult(ms.ToArray(), @"image/jpeg");
目前尚无回复
简单教程 = 简单教程,简单编程
简单教程 是一个关于技术和学习的地方
现在注册
已注册用户请 登入
关于   |   FAQ   |   我们的愿景   |   广告投放   |  博客

  简单教程,简单编程 - IT 入门首选站

Copyright © 2013-2022 简单教程 twle.cn All Rights Reserved.