Emoji Rendering PoC about coral-ask-election-2016

[pbeshai]

Do we need to have emojijs rendered inside an SVG or whatever? Can't they just be put in divs that are absolutely positioned?

[iros]

Yes! I pushed a commit into an experiments folder. Check it out.

This is the font-family css spec:

font-family: "Apple Color Emoji","Segoe UI Emoji","NotoColorEmoji","Segoe UI Symbol","Android Emoji","EmojiSymbols";

See emoji-test.html

Going to test some SVG now...

[iros]

So this works in SVG too:

See emoji-test-svg.html. This did reveal a problem where the US flag for example has not be rendering quite right on some android devices (I'm testing using browserstack. Going to try using https://github.com/jloutsenhizer/emojijs next.

[iros]

First experiment using emojijs does not work in SVG. It looks like it relies on rendering small canvas elements. Going to attempt this with canvas instead.

[iros]

Excellent. Using emojijs + canvas, I can render the US flag and other obscure emoji on various devices:

See emoji-twitter-test.html

[tafsiri]

I'll also add that while doing the wireframes I found that (surprisingly) the 'Apple Color Emoji' font wasn't the best at rendering a wide range of emoji (e.g. the flag).

[kadamwhite]

Other emoji resources:

• http://emojione.com/demo/
• http://apps.timwhitlock.info/emoji/tables/unicode

[kadamwhite]

We have emoji working now, closing this