粗体/斜体不适用于画布 fillText()

【问题标题】：Bold/ italic not working with canvas fillText()粗体/斜体不适用于画布 fillText()
【发布时间】：2012-02-06 15:30:38
【问题描述】：

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

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

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

这里myText 是以下类型的映射：

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

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

【问题讨论】：

标签： html canvas

【解决方案1】：

下面的行在 italic 和 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”

【讨论】：