2016-11-02 26 views
11

Podczas wizyty w GitHub przy użyciu przeglądarki bez obsługi kolorów emoji, ładuje się glify emoji jako pliki obrazów.W jaki sposób GitHub wykrywa, czy przeglądarka obsługuje kolory emoji?

GitHub without color emoji support

Ale podczas wizyty GitHub użyciu przeglądarki, która ma poparcie kolor Emotikon, pozwala przeglądarka renderowania glifów zamiast normalnie.

GitHub with color emoji support

Jak GitHub wiedzieć czy przeglądarka obsługuje kolorów emotikony, czy nie?

+0

może ten artykuł może pomóc: https://blog.farrant.me/adding-emoji-support-to-any-website/ –

+0

@MohsenMirhoseiniArgi Nie. Wiedziałem o tym artykule. Rozwiązanie, które demonstruje ZAWSZE, ładuje glify jako obrazy, nawet jeśli przeglądarka je obsługuje. –

+0

Czy możesz utworzyć link do tej strony? To wygląda na Hangouts. – Hydro

Odpowiedz

1

to zrobić tak:

var canvas = document.createElement("canvas"), 
    ctx = canvas.getContext("2d"); 

canvas.style="height:100px;width:100px;position:absolute;top:60%;background:white"; 
document.body.appendChild(canvas); 
ctx.fillStyle ="#FFF"; 
ctx.font="100px Arial"; 
ctx.fillText('',100,100); 
var d = ctx.getImageData(50, 50, 1, 1).data; 
if (d[0] + d[1] + d[2] === 0) { 
    //need twemoji or something else 
} else { 
    //nothing to do 
}