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

Question

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

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

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

Answer 1

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

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

你可以去Pillow repository on Github并下载代码的 ZIP 文件。

如果你进去仔细看看，你会发现两个东西似乎是协同工作的，即一个 .PIL 文件和一个 .PBM 文件.

---

在 Tests/fonts 中有一个名为 10x20.pbm 的文件，如果您查看它，它实际上是一个 PNG 文件。因此，如果将其名称更改为 10x20.png，您可以查看它，它看起来像这样:

顺便说一句，如果你想把它分成 10x20 大小的 block ，每个 block 一个字母，你可以在终端中使用 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 个字节的 header ，您可以简单地复制它，然后有 256 个“条目”，即 256 个字形中的每一个。每个条目有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 列中的先前值。