html - 粗体/斜体不适用于 Canvas fillText()

Question

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

我正在使用以下格式来执行此操作:

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

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

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

粗体和斜体属性不起作用。我不知道这段代码有什么错误。

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”