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

Question

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

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

Есть ли способ получить эти свойства по отдельности как в css?

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

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

Answer 1

Обновление

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

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 .