8

对于我正在进行的项目，我需要从表情符号（最好是 Apple 表情符号）生成图像文件。我认为这应该是一件相当简单的事情，但我使用的每一个工具，最终都会碰壁。

我还考虑过使用表情符号集，比如我可以在需要时查询的表情符号集。不幸的是，我链接的那个没有 Unicode 9.0 表情符号，例如鳄梨 () 虾 () 或 harambe ()。你知道这样一个最新的集合吗？

代码方面，我尝试过 opentype.js，但它不支持 .ttc 字体，这是我 Mac 上表情符号字体的扩展（Apple Color Emoji.ttc）。我已将字体转换为 .ttf 但这也不起作用：

  var opentype = require('opentype.js');
  opentype.load('./build_scripts/apple_color_emoji.ttf', function (err, font) {
      if (err) {
          alert('Could not load font: ' + err);
      } else {
          console.log("loaded the font",font);

          var Canvas = require('canvas')
            , Image = Canvas.Image
            , canvas = new Canvas(200, 200)
            , ctx = canvas.getContext('2d');
          var path = font.getPath('', 0, 150, 72);
          path.draw(ctx);
          console.log('<img src="' + canvas.toDataURL() + '" />');
      }
  });

结果如下所示：

结果如下所示：

我试过 fontkit，它应该能够读取 .ttc 文件，但如果我尝试使用 Apple Color Emoji 字体，它会引发错误。

  var fontkit = require('fontkit');
  var font = fontkit.openSync('./build_scripts/Apple Color Emoji.ttc'); 
  // TypeError: font.layout is not a function

如果我对转换后的 .ttf 文件尝试相同的操作，我最终会得到一些不正确的 svg：

  var fontkit = require('fontkit');
  var font = fontkit.openSync('./build_scripts/apple_color_emoji.ttf');
  var run = font.layout('');
  var svg = run.glyphs[0].path.toSVG();

  console.log(svg);
  // M-1 0ZM799 800Z

我的问题是，我是否以正确的方式接近这个？将我机器上已有的表情符号转换为 .png 或其他格式似乎应该相当简单，但我就是无法让它工作。

编辑：

我在这个 repo中找到了表情符号名称的十六进制代码列表（对rodrigopolo 大喊大叫）。现在我可以简单地使用它：

var emoji = "".codePointAt(0).toString(16); //1f60a
var emojiFile = fs.readFileSync('./my-emoji-folder/' + emoji + '.png');

不过，很高兴知道是否有人对这个问题有编码解决方案！

进一步编辑：

原来我发现的第一个解决方案只包括最高 Unicode 8.0 的表情符号，而不是 Unicode 9.0。我找到了一个可以提取表情符号的红宝石gemoji。如果您不是 ruby​​ 开发人员（我不是），您可以在 shell 中简单地使用以下命令：

git clone https://github.com/github/gemoji.git
cd gemoji
bundle install
bundle exec gemoji extract some-directory/emoji

现在，您的 some-directory/emoji 文件夹中有 Unicode 9.0 表情符号！

4

1 回答 1

5

通过从字体集合中选择一种字体，我能够让它与 fontkit 一起使用。我还没有发现使用“Apple Color Emoji.ttc”中包含的任何一个 TTF 会产生不同结果的案例。

const fs = require('fs');
const fontkit = require('fontkit');
const emoji = require('node-emoji');
const font = fontkit.openSync('./Apple Color Emoji.ttc').fonts[0];

let emo = emoji.get('100');
let run = font.layout(emo);
let glyph = run.glyphs[0].getImageForSize(128)

fs.writeFileSync('100.png', glyph.data);
于 2017-05-05T15:43:58.157 回答