Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/90.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Microsoft Edge中的字体变体-画布2D_Javascript_Html_Canvas_Html5 Canvas_Microsoft Edge - Fatal编程技术网

Javascript Microsoft Edge中的字体变体-画布2D

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

我正在尝试在Edge的2D画布中以小写字母呈现一些文本,但它不起作用:文本不是小写字母,即使font属性正确并且包含小写字母。我试图用我能想到的最简单的画布重现这个问题,但我仍然有它。Internet Explorer 11上的渲染相同


有什么想法吗?

事实上,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”);}
它不会捕捉到接受小写字母作为良好字体描述的一部分。