Pango颜色标志符号

时间:2016-06-27 22:14:32

标签: emoji cairo freetype pango

我正在开发一个使用以下技术来渲染文本的项目:

  • Freetype - 字形映射
  • Pango - 文字布局
  • Skia - 绘图(系统其余部分的字体颜色和图形)

我们现在正尝试添加渲染彩色表情符号的功能。现在似乎Freetype添加了指定颜色字形的支持,但我们一直遇到让Pango布局彩色字体的问题。甚至可以用这种方式渲染彩色表情符号吗?如果我们从Skia转到开罗会有帮助吗?

同样地,我采用了这个小例子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;
}

Yeilds this

1 个答案:

答案 0 :(得分:1)

您可能需要尝试使用Noto Color Emoji。 FreeType不支持Apple的彩色表情符号标准。