Any emoji support?

[kevzettler]

The following code gives me the follwing image output:

    var Canvas = require('canvas');
    var Image = Canvas.Image;
    var canvas = new Canvas(1200, 600);
    var ctx = canvas.getContext('2d');

    ctx.font = '80px HelveticaNeue';
    ctx.fillText('Start Here emoji 🍔', 50, 100);

    res.setHeader('Content-Type', 'image/png');
    canvas.pngStream().pipe(res);

Not rendering the emoji. Is this possible?

[jakeg]

Sudo apt-get install ttf-ancient-fonts
On 3 May 2016 6:24 p.m., "Kev Zettler" notifications@github.com wrote:

The following code gives me the follwing image output:

var Canvas = require('canvas');
var Image = Canvas.Image;
var canvas = new Canvas(1200, 600);
var ctx = canvas.getContext('2d');

ctx.font = '80px HelveticaNeue';
ctx.fillText('Start Here emoji 🍔', 50, 100);

res.setHeader('Content-Type', 'image/png');
canvas.pngStream().pipe(res);

Not rendering the emoji is this possible?

[image: tiltimage]
https://cloud.githubusercontent.com/assets/126209/14992066/1bda3db0-1119-11e6-9d8a-032830b641e0.png

—
You are receiving this because you are subscribed to this thread.
Reply to this email directly or view it on GitHub
#760

[gabrielcsapo]

duplicate of #614

[gabrielcsapo]

is there a solution for OSX?

[gabrielcsapo]

Trying to use Apple Color Emoji.ttf

getting

Assertion failed: (!scaled_font->cache_frozen), function _cairo_scaled_glyph_page_destroy, file cairo-scaled-font.c, line 459.

var AppleColorEmoji = new Font('Apple Color Emoji', fontFile('Apple Color Emoji.ttf'));
ctx.addFont(AppleColorEmoji);

[gabrielcsapo]

Still no luck, anyone found way to render emojis on the mac?

[chearon]

I did some digging on this... the code point printed out in the screenshot from @kevzettler is correct, so I think that was just a missing emoji font, not a bug in node-canvas

But I tried to do it on my Mac and I couldn't get emojis to print with or without Pango. I think there might be an encoding issue on OS X, because the code point that prints out for me is definitely wrong. I tried several emoji and they all printed out as D83C

[chearon]

there's definitely a problem with Pango, I tried it in pure C. I submitted a bug with them:

https://bugzilla.gnome.org/show_bug.cgi?id=766091

[gabrielcsapo]

@chearon I ended up just using phantom to take screenshots of emojis. Good find on the bug! Hopefully someone can pick it up!

[chearon]

@gabrielcsapo it looks like someone already has fixed it in the next Pango version, but it also has to be fixed in Cairo but that patch hasn't made it in yet. We will just have to wait!

[gabrielcsapo]

@chearon awesome news!

[petermikitsh]

@chearon My apologies for my ignorance, but are those changes available yet? I'm currently still experiencing this issue.

[chearon]

After a quick look at the cairo master I don't think so :/

Kristian Rietveld has been maintaining patches that, for whatever reason, have not been accepted into Cairo. The only option right now is to compile Cairo with the patches yourself.

It could also be part of the canvas-prebuilt build if I can find the time

[petermikitsh]

I spent a few hours trying to compile cairo on OS X with unfortunately no success. That being said, my particular use case doesn't demand emoji rendering -- it's more so a nice to have. Given that Cairo hasn't released since 2015, I think using the branch with the emoji support inside of canvas-prebuilt would be a good option.

[chearon]

Yeah, probably, I was already thinking about bundling at least one Pango patch with prebuilt. Pango suffers from incompleteness on Not Linux platforms as well. It's a real bummer.

And for Cairo compilation... it might help to look at the Homebrew formula. Actually it'd be great if we convinced them to use the patch in the official formula, if not maybe it could be forked.