use*_*633 8 javascript opentype node.js emoji node-canvas
对于我正在研究的项目,我需要从表情符号(理想情况下是Apple表情符号)生成图像文件.我认为它应该是一个相当简单的事情,但是对于我使用的每个工具,我最终都遇到了一堵墙.
我也认为与表情符号集工作,像这样一个在需要的时候,我可以查询.不幸的是,我链接的那个没有Unicode 9.0表情符号,如avocado()虾()或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() + '" />');
}
});
Run Code Online (Sandbox Code Playgroud)
结果如下:
我已经尝试过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
Run Code Online (Sandbox Code Playgroud)
如果我对我转换的.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
Run Code Online (Sandbox Code Playgroud)
我的问题是,我是否正确地接近这个方向?将我已经在我的机器上使用的表情符号转换为.png或其他格式似乎应该是相当简单但我无法让它工作的东西.
编辑:
我在这个回购中找到了他们的十六进制代码的表情符号列表(对rodrigopolo的大喊).现在我可以简单地使用它:
var emoji = "".codePointAt(0).toString(16); //1f60a
var emojiFile = fs.readFileSync('./my-emoji-folder/' + emoji + '.png');
Run Code Online (Sandbox Code Playgroud)
不过,很高兴知道是否有人有这个问题的编码解决方案!
进一步编辑:
原来我找到的第一个解决方案只包括符合Unicode 8.0的表情符号,而不是Unicode 9.0.我发现一个红宝石的宝石gemoji,做表情符提取.如果你不是一个红宝石开发人员(我不是),你只需在shell中使用以下命令:
git clone https://github.com/github/gemoji.git
cd gemoji
bundle install
bundle exec gemoji extract some-directory/emoji
Run Code Online (Sandbox Code Playgroud)
您现在在some-directory/emoji文件夹中有Unicode 9.0表情符号!
小智 6
我可以通过从字体集合中选择一种字体来使其与 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);
Run Code Online (Sandbox Code Playgroud)
| 归档时间: |
|
| 查看次数: |
1097 次 |
| 最近记录: |