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 截图:
最佳答案
我想这是 iOS 的问题。它在新版本 iOS 10 上运行良好。
关于ios - 如何在 Safari iOS 的 html5 Canvas 中缩放表情符号?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39123614/