对于我正在处理的项目,我需要从表情符号(最好是 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() + '" />');
}
});
结果是这样的:
我试过 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/