Javascript Canvas - Получить простые свойства шрифта

Question

Я установил шрифт в html5 холст:

context.font = "italic bold 24px Verdana"; 

Есть ли способ, чтобы получить эти свойства индивидуально как в CSS?

То, что я хочу что-то вроде этого:

context.fontStyle, context.fontWeight, context.fontSize, context.fontFamily

Answer 1

Update

Вы можете использовать эту библиотеку, чтобы задать различные свойства шрифта для рендеринга текста на холсте.

http://txtjs.com/

оригинальный пост

Свойства шрифта на контекст холста не существует (по крайней мере пока).

Вместо этого вы можете создать строковые переменные, а затем объединить их вместе.

var fontStyle = "italic"; 
var fontWeight = "bold"; 
var fontSize = "24px"; 
var fontFamily = "Verdana"; 
var b = " "; 

context.font = fontStyle + b + fontWeight + b + fontSize + b + fontFamily; 

Этот пример показывает, как можно использовать объектные переменные:

var myFont = { 
    style: "italic", 
    weight: "bold", 
    size: "24px", 
    family: "Verdana" 
} 

var b = " "; 

function canvasFont(font) { 
    context.font = font.style + b + font.weight + b + font.size + b + font.family; 
} 

myFont.size = "20px"; 
canvasFont(myFont); 

Вот это JS Fiddle Example.