如何在PIL.ImageFont中使用我自己的位图字体？

Question

我创建了一个位图字体，基本上是一个 256x256 png 图像，其中每个字符占据 8x8 块。我想将它与 Pillow 作为 ImageFont 一起使用，但 Pillow 文档中没有这方面的信息。它说我可以像这样加载位图字体

font = ImageFont.load("arial.pil")

但是“PIL 使用自己的字体文件格式来存储位图字体。”所以我猜 png 文件不起作用。我如何告诉 PIL 使用所述位图以及每个字符在位图上的位置？

Answer 1

不是一个完整的答案，但对于评论来说太多了，它可能有用或激励其他人解决剩下的 60% :-)

如果其他人想出更好的东西，我可能会删除它......

您可以访问 Github 上的 Pillow 存储库并下载代码的 ZIP 文件。

如果你进去仔细观察，你会发现有两个东西似乎是协同工作的，即一个

.PIL

文件和一个

.PBM

文件。

---

在

Tests/fonts

中有一个名为

10x20.pbm

的文件，如果你看一下它的内部，它实际上是一个

PNG

文件。所以，如果你将其名称更改为

10x20.png

，你就可以查看它，它看起来像这样：

顺便说一下，如果你想将其分割成 10x20 大小的块，每个块包含一个字母，你可以在终端中使用 ImageMagick，如下所示：

convert 10x20.pbm -crop 10x20 char_%d.png

你会得到一堆名为

char_0.png

、

char_1.png

等的文件。前 4 个如下所示：

---

如果您查看

src/PIL/FontFile.py

，有这段代码似乎知道如何访问/生成字体的指标：

#
# The Python Imaging Library
# $Id$
#
# base class for raster font file parsers
#
# history:
# 1997-06-05 fl   created
# 1997-08-19 fl   restrict image width
#
# Copyright (c) 1997-1998 by Secret Labs AB
# Copyright (c) 1997-1998 by Fredrik Lundh
#
# See the README file for information on usage and redistribution.
#

from __future__ import print_function

import os
from . import Image, _binary

WIDTH = 800


def puti16(fp, values):
    # write network order (big-endian) 16-bit sequence
    for v in values:
        if v < 0:
            v += 65536
        fp.write(_binary.o16be(v))


##
# Base class for raster font file handlers.

class FontFile(object):

    bitmap = None

    def __init__(self):

        self.info = {}
        self.glyph = [None] * 256

    def __getitem__(self, ix):
        return self.glyph[ix]

    def compile(self):
        "Create metrics and bitmap"

        if self.bitmap:
            return

        # create bitmap large enough to hold all data
        h = w = maxwidth = 0
        lines = 1
        for glyph in self:
            if glyph:
                d, dst, src, im = glyph
                h = max(h, src[3] - src[1])
                w = w + (src[2] - src[0])
                if w > WIDTH:
                    lines += 1
                    w = (src[2] - src[0])
                maxwidth = max(maxwidth, w)

        xsize = maxwidth
        ysize = lines * h

        if xsize == 0 and ysize == 0:
            return ""

        self.ysize = h

        # paste glyphs into bitmap
        self.bitmap = Image.new("1", (xsize, ysize))
        self.metrics = [None] * 256
        x = y = 0
        for i in range(256):
            glyph = self[i]
            if glyph:
                d, dst, src, im = glyph
                xx = src[2] - src[0]
                # yy = src[3] - src[1]
                x0, y0 = x, y
                x = x + xx
                if x > WIDTH:
                    x, y = 0, y + h
                    x0, y0 = x, y
                    x = xx
                s = src[0] + x0, src[1] + y0, src[2] + x0, src[3] + y0
                self.bitmap.paste(im.crop(src), s)
                self.metrics[i] = d, dst, s

    def save(self, filename):
        "Save font"

        self.compile()

        # font data
        self.bitmap.save(os.path.splitext(filename)[0] + ".pbm", "PNG")

        # font metrics
        with open(os.path.splitext(filename)[0] + ".pil", "wb") as fp:
            fp.write(b"PILfont\n")
            fp.write((";;;;;;%d;\n" % self.ysize).encode('ascii'))  # HACK!!!
            fp.write(b"DATA\n")
            for id in range(256):
                m = self.metrics[id]
                if not m:
                    puti16(fp, [0] * 10)
                else:
                    puti16(fp, m[0] + m[1] + m[2])

---

所以希望有人有时间/知识如何将这两者放在一起，以便您能够为 PNG 生成指标文件。我想你只需要一些东西来为你的 PNG 执行最后 10 行代码。

似乎有 23 个字节的标头，您可以简单地复制它们，然后有 256 个“条目”，即 256 个字形中的每一个都有 1 个。每个条目有 10 个数字，每个数字都是 16 位大端字节序。

让我们看一下标题：

dd if=10x20.pil bs=23 count=1| xxd -c23 | more
00000000: 5049 4c66 6f6e 740a 3b3b 3b3b 3b3b 3230 3b0a 4441 5441 0a  PILfont.;;;;;;20;.DATA.

然后您可以使用以下命令查看条目，以很好地跳过标题和分组：

dd if=10x20.pil bs=23 iseek=1| xxd -g2 -c20 给出：

第 1 列似乎是字形的宽度。

第 7 列是图像中字形左边缘的 x 偏移量，第 9 列是图像中字形右边缘的 x 偏移量。因此，您将看到每行的第 7 列与前一行的第 9 列相同，即字形在图像中彼此相邻。

如果您从文件的下方查看此摘录，您可以看到它在摘录中间的输出图像中开始了一行新的字形（以红色标记）。这告诉我们位图的宽度不应超过 800 像素，第 8 列是位图文件中字形顶部的 y 偏移量，第 10 列是位图中字形底部的 y 偏移量。您应该看到，当位图文件中开始出现新的字形行时，x 变为零，并且第 8 列采用第 10 列中的先前值。

Answer 2

我也在寻找解决方案，根据这里的信息，最终制作了我自己的工具。您可以使用它将 png 图像转换为 ImageFont 文件。

您可以使用pip安装它

python -m pip install pil-font-maker

或者查看

github 的代码