ios - 如何在 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 使用的是 Angular 2，这与这个问题无关。

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

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

Safari OS X 截图:

Safari iOS 截图:

Answer 1

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