Javascriptをキャンバスは、私はHTML5のキャンバスのフォント設定、簡単なフォントプロパティ

Question

を取得：

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です。