Pango 颜色字形
Posted
技术标签:
【中文标题】Pango 颜色字形【英文标题】:Pango Color Glyphs 【发布时间】:2016-06-27 22:14:32 【问题描述】:我正在开发一个使用以下技术来呈现文本的项目:
Freetype - 字形映射 Pango - 文本布局 Skia - 绘图(系统其余部分的字体颜色和图形)我们现在正在尝试添加渲染彩色表情符号的功能。现在似乎 Freetype 添加了对指定颜色字形的支持,但我们在让 Pango 布局彩色字体时遇到了问题。甚至可以以这种方式渲染彩色表情符号吗?如果我们从 Skia 转到 Cairo,会有帮助吗?
同样,我采用了这个小例子 https://developer.gnome.org/pango/stable/pango-Cairo-Rendering.html 并尝试使用表情符号代替文本,即使指定的字体是“Apple Color Emoji”,我也没有显示字形。
#include <math.h>
#include <pango/pangocairo.h>
#include <cairo.h>
static void
draw_text (cairo_t *cr)
#define RADIUS 150
#define N_WORDS 10
#define FONT "Apple Color Emoji"
PangoLayout *layout;
PangoFontDescription *desc;
int i;
/* Center coordinates on the middle of the region we are drawing
*/
cairo_translate (cr, RADIUS, RADIUS);
/* Create a PangoLayout, set the font and text */
layout = pango_cairo_create_layout (cr);
pango_layout_set_text (layout, "????", -1);
desc = pango_font_description_from_string (FONT);
pango_layout_set_font_description (layout, desc);
pango_font_description_free (desc);
/* Draw the layout N_WORDS times in a circle */
for (i = 0; i < N_WORDS; i++)
int width, height;
double angle = (360. * i) / N_WORDS;
double red;
cairo_save (cr);
/* Gradient from red at angle == 60 to blue at angle == 240 */
red = (1 + cos ((angle - 60) * G_PI / 180.)) / 2;
cairo_set_source_rgb (cr, red, 0, 1.0 - red);
cairo_rotate (cr, angle * G_PI / 180.);
/* Inform Pango to re-layout the text with the new transformation */
pango_cairo_update_layout (cr, layout);
pango_layout_get_size (layout, &width, &height);
cairo_move_to (cr, - ((double)width / PANGO_SCALE) / 2, - RADIUS);
pango_cairo_show_layout (cr, layout);
cairo_restore (cr);
/* free the layout object */
g_object_unref (layout);
int main (int argc, char **argv)
cairo_t *cr;
char *filename;
cairo_status_t status;
cairo_surface_t *surface;
surface = cairo_image_surface_create (CAIRO_FORMAT_ARGB32,
2 * RADIUS, 2 * RADIUS);
cr = cairo_create (surface);
cairo_set_source_rgb (cr, 1.0, 1.0, 1.0);
cairo_paint (cr);
draw_text (cr);
cairo_destroy (cr);
status = cairo_surface_write_to_png (surface, "/home/mikeobrien/emojiRendering/TESTFILE");
cairo_surface_destroy (surface);
if (status != CAIRO_STATUS_SUCCESS)
g_printerr ("Could not save png to '%s'\n", "/home/mikeobrien/emojiRendering/TESTFILE");
return 1;
return 0;
【问题讨论】:
看起来更像是字体渲染问题。 你确定它甚至在使用字体吗? 至少 cairo 不支持彩色字形。这个概念不适合它的绘图模型(例如,当你用红色源绘制这样一个字形时应该发生什么?和运算符 XOR?)。 @oldtechaa 我同意我认为超出这些库的特定示例存在一些不同的问题,可能是字体加载。但是对于我拥有的 Freetype->Pango->Skia 实现,问题仍然存在。你知道是否可以通过它渲染彩色字形吗? 【参考方案1】:您可能需要尝试使用 Noto Color Emoji。 FreeType 不支持 Apple 的颜色表情符号标准。
【讨论】:
这个答案确实属于评论。不过,我意识到您没有 cmets 的代表,这确实为可能的解决方案提供了一些提示。我可能会编辑此答案以使其更符合答案指南。感谢您的加入。以上是关于Pango 颜色字形的主要内容,如果未能解决你的问题,请参考以下文章