粗体/斜体不适用于canvas fillText（）

Question

我有一个canvas元素，我想在其上使用fillText()方法放置一些文本。

我使用以下格式来执行此操作：

ctx.font = "Bold Italic" + myText.fontSize + "px Arial " + myText["font-family"];

此处myText是以下类型的映射：

var myText = {
              "font-family": "family",
              "fontSize" : "size"
             };

Bold和Italic属性不起作用。我不知道这段代码中的错误是什么。

Answer 1

以下行缺少斜体和myText.fontSize之间的空格：

ctx.font = "Bold Italic" + myText.fontSize + "px Arial " + myText["font-family"];

所以它应该是：

ctx.font = "Bold Italic " + myText.fontSize + "px Arial " + myText["font-family"];

此外，它可能只是出于您的问题的目的，但fontSize不是数字，它是字符串“size”