Жирный / курсив не работает с 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"