javascript - 在 Node.js 中将表情符号转换为 PNG 或 JPG - 怎么做?

标签 javascript node.js emoji opentype node-canvas

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

我还考虑过使用表情符号集,例如 this one我可以在需要时查询。不幸的是,我链接到的那个没有 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() + '" />');
      }
  });

结果是这样的:

The result looks like this:

我试过 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 或其他格式似乎应该相当简单,但我就是无法让它工作。

编辑:

我在 this repo 中通过十六进制代码找到了表情符号名称列表。 (对 rodrigopolo 的大喊大叫)。现在我可以简单地使用它:

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

不过,如果有人对这个问题有编码解决方案,那还是很高兴的!

进一步编辑:

事实证明,我发现的第一个解决方案只包含最高 Unicode 8.0 的表情符号,而不是 Unicode 9.0。我找到了一颗 ruby 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 表情符号!

最佳答案

通过从字体集合中选择一种字体,我能够让它与 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);

关于javascript - 在 Node.js 中将表情符号转换为 PNG 或 JPG - 怎么做?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43634874/

相关文章:

javascript - PhoneGap 在单页上禁用屏幕旋转?

node.js - 如何获取运行 node.js 的服务器名称?

javascript - 将表情符号添加到输入

emoji - 哪里可以找到所有微信表情符号列表?

php - PHP 的 Unicode 十六进制代码点

javascript - jQuery - 减少滚动函数中的代码的技术

javascript - 不知道怎么问,但他们想在这里做什么?

node.js - ExpressJS 请求正文中 JSON 中的反斜杠 - 使用 body-parser

node.js - 需要 ('..' ) 是什么意思?

r - 在 R 中需要一种有效的方法将彩色 utf-8 表情符号字符转换为其默认皮肤