粗体/斜体不适用于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不是一个数字,它是字符串"大小"