Javascript Microsoft Edge中的字体变体-画布2D
我正在尝试在Edge的2D画布中以小写字母呈现一些文本,但它不起作用:文本不是小写字母,即使font属性正确并且包含小写字母。我试图用我能想到的最简单的画布重现这个问题,但我仍然有它。Internet Explorer 11上的渲染相同Javascript Microsoft Edge中的字体变体-画布2D,javascript,html,canvas,html5-canvas,microsoft-edge,Javascript,Html,Canvas,Html5 Canvas,Microsoft Edge,我正在尝试在Edge的2D画布中以小写字母呈现一些文本,但它不起作用:文本不是小写字母,即使font属性正确并且包含小写字母。我试图用我能想到的最简单的画布重现这个问题,但我仍然有它。Internet Explorer 11上的渲染相同 有什么想法吗?事实上,Microsoft Edge中的小型字体变体和2D渲染上下文似乎存在缺陷。我正在努力更好地理解这个问题的范围,但我将提交一个bug供我们的团队评估 谢谢你分享这篇文章,我希望能很快汇报最新情况 /* Above link points t
有什么想法吗?事实上,Microsoft Edge中的小型字体变体和2D渲染上下文似乎存在缺陷。我正在努力更好地理解这个问题的范围,但我将提交一个bug供我们的团队评估 谢谢你分享这篇文章,我希望能很快汇报最新情况
/* Above link points to tests on jsfiddle.net */
它在IE9中工作吗?确认:Chrome&FF支持
小型大写,而IE&Edge不支持。解决方法有点老套:使用context.measureText
以较大字体布局开头字母,以较小字体布局其余字母。使用ctx.font=“small caps 16px Arial”时,使用Dam MS;如果(ctx.font!==“small caps 16px Arial”){console.log(“bad font”);}
它不会捕捉到接受小写字母作为良好字体描述的一部分。