Question

我的系统只有freetype2和cairo库可用。我想要实现的是：

获取UTF-8文字的字形
布局文本，存储位置信息（由我自己）
获取每个字形的cairo路径以进行渲染

不幸的是，文档并没有真正解释它应该如何完成，因为他们希望使用像Pango这样的更高级别的库。

我认为可能是正确的：使用cairo_scaled_font_create创建缩放字体，然后使用cairo_scaled_font_text_to_glyphs检索文本的字形。 cairo_glyph_extents然后给出每个字形的范围。但是，我怎么能得到像字距调整和进步这样的东西呢？另外，我怎样才能获得每种字体的路径？

这个话题还有更多资源吗？这些功能是预期的方式吗？

Answer 1

好的，所以我找到了所需的东西。

首先需要创建一个代表特定大小字体的cairo_scaled_font_t。为此，可以在设置字体后简单地使用cairo_get_scaled_font，它会为上下文中的当前设置创建缩放字体。

接下来，使用cairo_scaled_font_text_to_glyphs转换输入文本，这会给出一组字形和集群作为输出。簇映射表示UTF-8字符串的哪一部分属于字形数组中的相应字形。

要获取字形范围，请使用cairo_scaled_font_glyph_extents。它给出了每个字形/字形组的尺寸，进度和方位。

最后，可以使用cairo_glyph_path将字形的路径放入上下文中。然后可以按照希望绘制这些路径。

以下示例将输入字符串转换为字形，检索其范围并呈现它们：

const char* text = "Hello world";
int fontSize = 14;
cairo_font_face_t* fontFace = ...;

// get the scaled font object
cairo_set_font_face(cr, fontFace);
cairo_set_font_size(cr, fontSize);
auto scaled_face = cairo_get_scaled_font(cr);

// get glyphs for the text
cairo_glyph_t* glyphs = NULL;
int glyph_count;
cairo_text_cluster_t* clusters = NULL;
int cluster_count;
cairo_text_cluster_flags_t clusterflags;

auto stat = cairo_scaled_font_text_to_glyphs(scaled_face, 0, 0, text, strlen(text), &glyphs, &glyph_count, &clusters, &cluster_count,
        &clusterflags);

// check if conversion was successful
if (stat == CAIRO_STATUS_SUCCESS) {

    // text paints on bottom line
    cairo_translate(cr, 0, fontSize);

    // draw each cluster
    int glyph_index = 0;
    int byte_index = 0;

    for (int i = 0; i < cluster_count; i++) {
        cairo_text_cluster_t* cluster = &clusters[i];
        cairo_glyph_t* clusterglyphs = &glyphs[glyph_index];

        // get extents for the glyphs in the cluster
        cairo_text_extents_t extents;
        cairo_scaled_font_glyph_extents(scaled_face, clusterglyphs, cluster->num_glyphs, &extents);
        // ... for later use

        // put paths for current cluster to context
        cairo_glyph_path(cr, clusterglyphs, cluster->num_glyphs);

        // draw black text with green stroke
        cairo_set_source_rgba(cr, 0.2, 0.2, 0.2, 1.0);
        cairo_fill_preserve(cr);
        cairo_set_source_rgba(cr, 0, 1, 0, 1.0);
        cairo_set_line_width(cr, 0.5);
        cairo_stroke(cr);

        // glyph/byte position
        glyph_index += cluster->num_glyphs;
        byte_index += cluster->num_bytes;
    }
}

Answer 2

考虑到开罗的文本系统，这些功能似乎是最好的方式。它只是表明开罗并不是真正意义上的文本。它无法真正做到字距调整或路径。我相信Pango会有自己复杂的代码来做这些事情。

为了获得Ghost的最佳进展，我建议移植Pango，因为你（或其他人）最终可能会想要它。

字体布局＆amp;使用cairo和freetype进行渲染

2 个答案: