如何在JavaScript中检测表情符号的渲染支持？

我想在我的网站上添加表情符号,但如果它们在平台上不受支持则隐藏它们,而不是显示小方块.

我觉得这是不可能的,但有人不同意吗？如何才能做到这一点？

C

尝试使用字体(在表情符号范围内)绘制canvas并读取像素getImageData.如果data[3]您感兴趣的像素的Alpha通道不是透明的(例如在&＃xffff的中心),那么可能是表情符号

function supportsEmoji () {
  var ctx = document.createElement("canvas").getContext("2d");
  ctx.fillText("", -2, 4);
  return ctx.getImageData(0, 0, 1, 1).data[3] > 0; // Not a transparent pixel
}

console.log( supportsEmoji() );