如何在 Safari iOS 中缩放 html5 canvas 中的表情符号？

Question

This Plunkr 在 HTML5 Canvas 中呈现文本。这是相关代码：

// HTML
<canvas #myCanvas width="600" height="200"></canvas>

// Code
canvas.width = canvas.width;
let ctx = canvas.getContext('2d');
ctx.font = '100px Verdana';
ctx.textBaseline = 'middle';
ctx.fillStyle = '#000000';
ctx.fillText(this.userText, 10, 100);

注：Plunkr 使用的是Angular2，与本题无关。

我遇到的问题是，当文本包含表情符号时，表情符号不会放大以匹配 Safari 中的字体大小 iOS。不过，它在 Chrome 和 Safari OS X 中看起来很棒。请参阅下面的屏幕截图。

如何让表情符号匹配字体大小？

来自 Safari 的屏幕截图 OS X:

来自 Safari 的屏幕截图 iOS:

Answer 1

我想这是 iOS 的问题。它在新版本上运行良好：iOS 10.