Golang Gin实践连载十六在图片上绘制文字

mudiyouyou 发布于2019-07-31 18:14 / 1014人阅读

摘要：原文地址实践连载十六在图片上绘制文字项目地址前言本章节是连载十五的补充内容，建议一同食用。

原文地址：Golang Gin实践连载十六在图片上绘制文字
项目地址：go-gin-example

前言

本章节是连载十五的补充内容，建议一同食用。主要实现合并后的海报上绘制文字的功能（这个需求也是常见的很了），内容比较简单

实现

这里使用的是微软雅黑的字体，请点击进行下载并存放到 runtime/fonts 目录下（字体文件占 16 MB 大小）

安装

$ go get -u github.com/golang/freetype

绘制文字

打开 service/article_service/article_poster.go 文件，增加绘制文字的业务逻辑，如下：

type DrawText struct {
    JPG    draw.Image
    Merged *os.File

    Title string
    X0    int
    Y0    int
    Size0 float64

    SubTitle string
    X1       int
    Y1       int
    Size1    float64
}

func (a *ArticlePosterBg) DrawPoster(d *DrawText, fontName string) error {
    fontSource := setting.AppSetting.RuntimeRootPath + setting.AppSetting.FontSavePath + fontName
    fontSourceBytes, err := ioutil.ReadFile(fontSource)
    if err != nil {
        return err
    }

    trueTypeFont, err := freetype.ParseFont(fontSourceBytes)
    if err != nil {
        return err
    }

    fc := freetype.NewContext()
    fc.SetDPI(72)
    fc.SetFont(trueTypeFont)
    fc.SetFontSize(d.Size0)
    fc.SetClip(d.JPG.Bounds())
    fc.SetDst(d.JPG)
    fc.SetSrc(image.Black)

    pt := freetype.Pt(d.X0, d.Y0)
    _, err = fc.DrawString(d.Title, pt)
    if err != nil {
        return err
    }

    fc.SetFontSize(d.Size1)
    _, err = fc.DrawString(d.SubTitle, freetype.Pt(d.X1, d.Y1))
    if err != nil {
        return err
    }

    err = jpeg.Encode(d.Merged, d.JPG, nil)
    if err != nil {
        return err
    }

    return nil
}

这里主要使用了 freetype 包，分别涉及如下细项：

1、freetype.NewContext：创建一个新的 Context，会对其设置一些默认值

func NewContext() *Context {
    return &Context{
        r:        raster.NewRasterizer(0, 0),
        fontSize: 12,
        dpi:      72,
        scale:    12 << 6,
    }
}

2、fc.SetDPI：设置屏幕每英寸的分辨率

3、fc.SetFont：设置用于绘制文本的字体

4、fc.SetFontSize：以磅为单位设置字体大小

5、fc.SetClip：设置剪裁矩形以进行绘制

6、fc.SetDst：设置目标图像

7、fc.SetSrc：设置绘制操作的源图像，通常为 image.Uniform

var (
        // Black is an opaque black uniform image.
        Black = NewUniform(color.Black)
        // White is an opaque white uniform image.
        White = NewUniform(color.White)
        // Transparent is a fully transparent uniform image.
        Transparent = NewUniform(color.Transparent)
        // Opaque is a fully opaque uniform image.
        Opaque = NewUniform(color.Opaque)
)

8、fc.DrawString：根据 Pt 的坐标值绘制给定的文本内容

业务逻辑

打开 service/article_service/article_poster.go 方法，在 Generate 方法增加绘制文字的代码逻辑，如下：

func (a *ArticlePosterBg) Generate() (string, string, error) {
    fullPath := qrcode.GetQrCodeFullPath()
    fileName, path, err := a.Qr.Encode(fullPath)
    if err != nil {
        return "", "", err
    }

    if !a.CheckMergedImage(path) {
        ...

        draw.Draw(jpg, jpg.Bounds(), bgImage, bgImage.Bounds().Min, draw.Over)
        draw.Draw(jpg, jpg.Bounds(), qrImage, qrImage.Bounds().Min.Sub(image.Pt(a.Pt.X, a.Pt.Y)), draw.Over)

        err = a.DrawPoster(&DrawText{
            JPG:    jpg,
            Merged: mergedF,

            Title: "Golang Gin 系列文章",
            X0:    80,
            Y0:    160,
            Size0: 42,

            SubTitle: "---煎鱼",
            X1:       320,
            Y1:       220,
            Size1:    36,
        }, "msyhbd.ttc")

        if err != nil {
            return "", "", err
        }
    }

    return fileName, path, nil
}

验证

访问生成文章海报的接口 $HOST/api/v1/articles/poster/generate?token=$token，检查其生成结果，如下图

总结

在本章节在连载十五的基础上增加了绘制文字，在实现上并不困难，而这两块需求一般会同时出现，大家可以多加练习，了解里面的逻辑和其他 API

私有云混合云 html文字在图片上 asp 图片上文字 php获取图片上文字识别图片上文字的软件

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/47873.html

Golang Gin实践连载十六在图片上绘制文字

摘要：实践连载十六在图片上绘制文字原文地址实践连载十六在图片上绘制文字项目地址前言本章节是连载十五的补充内容，建议一同食用。 Golang Gin实践连载十六在图片上绘制文字原文地址：Golang Gin实践连载十六在图片上绘制文字项目地址：go-gin-example 前言本章节是连载十五的补充内容，建议一同食用。主要实现合并后的海报上绘制文字的功能（这个需求也是常见的很了...

kel 2019-07-01 10:17 评论0 收藏0
Gin实践番外 Golang交叉编译

摘要：交叉编译项目地址快上车，支持一波原文地址前言在连载九讲解构建镜像时，我们编译可执行文件用了另外一个形式的命令，不知道你有没有疑问说明我们将讲解命令各个参数的作用，希望你在阅读时，将每一项串联起来，你会发现这就是交叉编译相关的小知识 Golang交叉编译项目地址：https://github.com/EDDYCJY/go... （快上车，支持一波）原文地址：https://segme...

alighters 2019-06-28 16:18 评论0 收藏0
Gin实践番外 Golang交叉编译

摘要：交叉编译项目地址快上车，支持一波原文地址前言在连载九讲解构建镜像时，我们编译可执行文件用了另外一个形式的命令，不知道你有没有疑问说明我们将讲解命令各个参数的作用，希望你在阅读时，将每一项串联起来，你会发现这就是交叉编译相关的小知识 Golang交叉编译项目地址：https://github.com/EDDYCJY/go... （快上车，支持一波）原文地址：https://segme...

刘德刚 2019-06-28 18:37 评论0 收藏0
Gin实践连载五使用JWT进行身份校验

摘要：原文地址使用进行身份校验在前面几节中，我们已经基本的完成了的编写但是，还存在一些非常严重的问题，例如，我们现在的是可以随意调用的，这显然还不够完美，是有问题的那么我们采用的方式来简单解决这个问题项目地址下载依赖包首先，我们下载的依赖包原文地址：使用JWT进行身份校验在前面几节中，我们已经基本的完成了APIs的编写但是，还存在一些非常严重的问题，例如，我们现在的API是可以随意调...

source 2019-07-31 17:46 评论0 收藏0
Gin实践连载九将Golang应用部署到Docker

摘要：项目地址快上车，支持一波原文地址将应用部署到注开始前你需要安装好，配好镜像源本章节源码在分支上从本章节开始项目目录都以为基准请配合自己本地项目灵活变动介绍在这里简单介绍下，建议深入学习是一个开源的轻量级容器技术，让开发者可以打包他们项目地址：https://github.com/EDDYCJY/go... （快上车，支持一波）原文地址：将Golang应用部署到Docker 注：开...

Hancock_Xu 2019-08-01 13:42 评论0 收藏0