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

amd*_*mdc 2 python fonts bitmap python-imaging-library

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

font = ImageFont.load("arial.pil")
Run Code Online (Sandbox Code Playgroud)

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

Mar*_*ell 5

不是一个完整的答案,但评论太多了,它可能有用或刺激其他人计算出另外 60% :-)

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

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

如果你进去看看,你会发现两件事情似乎并驾齐驱,即.PIL文件和.PBM文件。


Tests/fonts有一个名为文件10x20.pbm实际上是一个PNG文件,如果你看一下里面。所以,如果你把它的名字改成10x20.png你可以查看它,它看起来像这样:

在此处输入图片说明

顺便说一下,如果你想把它分成 10x20 大小的块,每个块都有一个字母,你可以像这样在终端中使用ImageMagick

convert 10x20.pbm -crop 10x20 char_%d.png
Run Code Online (Sandbox Code Playgroud)

你会得到一堆文件叫char_0.pngchar_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])
Run Code Online (Sandbox Code Playgroud)

所以希望有人有时间/知识知道如何将这两者放在一起,使您能够为您的 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.
Run Code Online (Sandbox Code Playgroud)

然后您可以使用以下命令查看条目以跳过标题和分组:

dd if=10x20.pil bs=23 iseek=1| xxd -g2 -c20
Run Code Online (Sandbox Code Playgroud)

这使:

在此处输入图片说明

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

第 7 列是图像中字形左边缘的 x 偏移量,第 9 列是图像中字形右边缘的 x 偏移量。所以你会看到每行的第 7 列与前一行的第 9 列相同,即字形在图像上相互邻接。

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

在此处输入图片说明