的Javascript帆布 - 獲取簡單的字體屬性

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。