javascript - 无法在Firefox Canvas 中绘制斜体文本

在画布上绘制斜体文本时，Firefox会像Impact这样的字体正常渲染它们。

var ctx = canvas.getContext('2d');
ctx.font = "italic 40px Impact";
ctx.fillText("Impact", 0, 40);

View on jsFiddle

火狐浏览器



铬



任何想法如何解决这个问题？

最佳答案

这是因为Impact不带有斜体版本。在字体查看器（如Mac Font Book）中查看它时，您可以看到它。浏览器伪造没有字体的斜体，但是Firefox尚未在画布上伪造它。如果您尝试使用带有斜体的字体（例如Arial），则它可以在画布中使用。

这里有一些讨论：Italic doesn't work on all fonts in Firefox

演示：

ctx.font = "italic 40px Arial";

关于javascript - 无法在Firefox Canvas 中绘制斜体文本，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/15128803/