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

Question

在不支持彩色表情符号的浏览器中访问GitHub时，它会将表情符号渲染成图像文件。

但是在使用支持彩色表情符号的浏览器访问GitHub时，它则允许浏览器正常呈现表情符号。

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

- jobukkit

---

也许这篇文章可以帮到你：https://blog.farrant.me/adding-emoji-support-to-any-website/ - Mohsen Mirhoseini

@MohsenMirhoseiniArgi 不是的。我知道那篇文章。他演示的解决方案总是将字形加载为图像，即使浏览器支持它们。 - jobukkit

你可以链接到那个页面吗？这看起来是Hangouts。 - user5066707

@某人 这是页面链接：https://github.com/notwaldorf/ama/issues/53 截图看起来像Hangouts的原因是因为我的操作系统使用了Google的表情符号字体（巧合的是，这也是该页面的主题！）。 - jobukkit

@JopV。所以，我想您希望检测字体支持... - user5066707

这是答案：https://dev59.com/qFcO5IYBdhLWcg3wkij2 - Diamond creeper

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   
}

- bubbatls