当前位置: 首页 > 面试题库 >

如何在Go中向图像添加简单的文本标签?

令狐钧
2023-03-14
问题内容

给定image.RGBA,坐标和一行文本,如何添加带有任何普通固定字体的简单标签?例如Face7x13来自font/basicfont

package main

import (
    "image"
    "image/color"
    "image/png"
    "os"
)

func main() {
    img := image.NewRGBA(image.Rect(0, 0, 320, 240))
    x, y := 100, 100
    addLabel(img, x, y, "Test123")
    png.Encode(os.Stdout, img)
}

func addLabel(img *image.RGBA, x, y int, label string) {
     col := color.Black
     // now what?
}

对齐并不是很重要,但是最好是将标签写在以坐标为起点的线上方。

而且我想避免字体等外部可加载依赖项。


问题答案:

golang.org/x/image/font包只定义了字体面和在图像上绘制文本接口。

您可以使用Go执行FreeType字体光栅化的:github.com/golang/freetype

密钥类型为freetype.Context,它具有您需要的所有方法。

有关完整的示例,请签出以下文件:example/freetype/main.go。本示例加载字体文件,创建和配置freetype.Context,在图像上绘制文本并将结果图像保存到文件。

假设您已经加载了字体文件,并c配置了上下文(请参见示例,了解如何操作)。然后您的addLabel()函数可能如下所示:

func addLabel(img *image.RGBA, x, y int, label string) {
    c.SetDst(img)
    size := 12.0 // font size in pixels
    pt := freetype.Pt(x, y+int(c.PointToFixed(size)>>6))

    if _, err := c.DrawString(label, pt); err != nil {
        // handle error
    }
}

如果您不想麻烦freetype软件包和外部字体文件,则font/basicfont软件包中包含一种基本字体,Face7x13其名称为完全独立的图形数据。这是您可以使用的方式:

import (
    "golang.org/x/image/font"
    "golang.org/x/image/font/basicfont"
    "golang.org/x/image/math/fixed"
    "image"
    "image/color"
)

func addLabel(img *image.RGBA, x, y int, label string) {
    col := color.RGBA{200, 100, 0, 255}
    point := fixed.Point26_6{fixed.Int26_6(x * 64), fixed.Int26_6(y * 64)}

    d := &font.Drawer{
        Dst:  img,
        Src:  image.NewUniform(col),
        Face: basicfont.Face7x13,
        Dot:  point,
    }
    d.DrawString(label)
}

这就是使用该addLabel()功能的方式:下面的代码创建一个新图像,"Hello Go"在其上绘制文本并将其保存在一个名为的文件中hello- go.png

func main() {
    img := image.NewRGBA(image.Rect(0, 0, 300, 100))
    addLabel(img, 20, 30, "Hello Go")

    f, err := os.Create("hello-go.png")
    if err != nil {
        panic(err)
    }
    defer f.Close()
    if err := png.Encode(f, img); err != nil {
        panic(err)
    }
}

注意上面的代码也需要"image/png"导入包。

还要注意,y给定的坐标将是文本的底行。因此,如果要在左上角画一条线,则必须使用x = 0y = 13(13是此Face7x13字体的高度)。如果愿意,可以addLabel()通过13y坐标中减去来将其构建到函数中,以便传递的y坐标将成为绘制文本的顶部坐标。

还有在附加自包含的字体golang.org/x/image/font/inconsolata包定期和大胆的风格,使用它们,您只需要指定不同FaceaddLabel()

import "golang.org/x/image/font/inconsolata"

        // To use regular Inconsolata font family:
        Face: inconsolata.Regular8x16,

        // To use bold Inconsolata font family:
        Face: inconsolata.Bold8x16,


 类似资料:
  • 问题内容: 我环顾四周,但未能弄清楚如何获取文本,将其覆盖在图像上,然后将两者合并为一个。 我已经用我能想到的搜索字词用尽了Google,因此,如果有人有解决方案或至少有一个提示,他们可以指出它,将不胜感激。 问题答案: 好吧…我知道了: 要调用它,您只需传递一个图像: 最初的目标是创建一个动态图像,我可以在其中使用该图像,例如在地图上的给定位置标价,这很适合。希望这对尝试做同样事情的人有所帮助。

  • 好吧,我有gridview,它从服务器中提取图像

  • 问题内容: 我正在使用JDeveloper在Java中设计一个表单。我是JDeveloper的新手。在JDeveloper工具中,我没有找到任何直接将图像添加到.Net之类的选项。而且我不知道如何手动添加图像以形成表单。还有其他解决方法。所以请帮我解决。 问题答案: 就这么简单: 耶!现在,您的图像是摆动组件!将其添加到框架或面板或通常执行的任何操作中!可能也需要重新粉刷,例如

  • 我想实现像下图这样的输出,请帮助我,我自己尝试过,但没有得到相同的输出。下面是我的代码: 想要这样的东西

  • 问题内容: 我在image_creator中有图像创建代码。 用于图像输出的文件是image.php并具有以下代码 当我运行image.php时,我只会得到一个空白页。为什么会这样呢? 问题答案: 使用它向图像添加文本(从PHP for Kids复制)

  • 本文向大家介绍如何在WordPress中添加简单的jQuery脚本?,包括了如何在WordPress中添加简单的jQuery脚本?的使用技巧和注意事项,需要的朋友参考一下 WordPress是一个开源CMS,用于开发动态网站。让我们学习如何将jQuery脚本添加到WordPress。在WordPress Theme 文件夹中,创建一个文件夹“ js”,然后在其中添加文件。该文件将是您的扩展名为“