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 Example。