GitHub如何检测浏览器是否支持彩色表情符号？

Question

当使用没有颜色表情符号支持的浏览器访问GitHub时,它会将表情符号字形作为图像文件加载.

但是当使用支持彩色表情符号的浏览器访问GitHub时,它会让浏览器正常渲染字形.

GitHub如何知道浏览器是否支持彩色表情符号？

Answer 1

我这样做：

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   
}