将表情符号转换为 Node.js 中的 PNG 或 JPG - 怎么做?
Emoji to PNG or JPG in Node.js - how to?
对于我正在处理的项目,我需要从表情符号(最好是 Apple 表情符号)生成一个图像文件。我认为这应该是一件相当简单的事情,但随着我使用的每一个工具,我最终 运行 撞墙了。
我还考虑过使用表情符号集,比如 this one,我可以在需要时查询。不幸的是,我链接到的那个没有 Unicode 9.0 表情符号,例如 avocado () shrimp () 或 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
我的问题是,我的处理方式是否正确?将我 machine 上已有的表情符号转换为 .png 或其他格式似乎应该相当简单,但我就是无法让它工作。
编辑:
我在 this repo (big shoutouts to rodrigopolo 中通过十六进制代码找到了表情符号名称列表。现在我可以简单地使用这个:
var emoji = "".codePointAt(0).toString(16); //1f60a
var emojiFile = fs.readFileSync('./my-emoji-folder/' + emoji + '.png');
不过,如果有人对这个问题有编码解决方案,我会很高兴!
进一步编辑:
事实证明,我发现的第一个解决方案只包含最高 Unicode 8.0 的表情符号,不包含 Unicode 9.0。我找到了一个可以提取表情符号的 ruby gem 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);
对于我正在处理的项目,我需要从表情符号(最好是 Apple 表情符号)生成一个图像文件。我认为这应该是一件相当简单的事情,但随着我使用的每一个工具,我最终 运行 撞墙了。
我还考虑过使用表情符号集,比如 this one,我可以在需要时查询。不幸的是,我链接到的那个没有 Unicode 9.0 表情符号,例如 avocado () shrimp () 或 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
我的问题是,我的处理方式是否正确?将我 machine 上已有的表情符号转换为 .png 或其他格式似乎应该相当简单,但我就是无法让它工作。
编辑:
我在 this repo (big shoutouts to rodrigopolo 中通过十六进制代码找到了表情符号名称列表。现在我可以简单地使用这个:
var emoji = "".codePointAt(0).toString(16); //1f60a
var emojiFile = fs.readFileSync('./my-emoji-folder/' + emoji + '.png');
不过,如果有人对这个问题有编码解决方案,我会很高兴!
进一步编辑:
事实证明,我发现的第一个解决方案只包含最高 Unicode 8.0 的表情符号,不包含 Unicode 9.0。我找到了一个可以提取表情符号的 ruby gem 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);