Canvasフォント属性
例
キャンバス上に40ピクセルのテキストを書きます。使用するフォントは"Arial"です：
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.font="40px Arial";
ctx.fillText("Hello World",10,50);
構文
context.font="italic small-caps bold 12px arial";
属性値
| 値 | 説明 |
|---|---|
| font-style |
フォントのスタイルを指定します。可能な値：
|
| font-variant |
フォントのバリエーションを指定します。可能な値：
|
| font-weight |
フォントの太さを指定します。可能な値：
|
| font-size / line-height | フォントサイズと行高をピクセルで指定します。 |
| font-family | フォントファミリーを指定します。 |
| caption | タイトルコントロール（ボタン、ドロップダウンリストなど）のフォントを使用します。 |
| icon | アイコンをマークするためのフォントを使用します。 |
| menu | メニュー内のフォント（ドロップダウンリストとメニューリスト）を使用します。 |
| message-box | ダイアログ内のフォントを使用します。 |
| small-caption | 小規模コントロールをマークするためのフォントを使用します。 |
| status-bar | ウィンドウのステータスバーに使用されるフォントを使用します。 |
技術的詳細
| デフォルト値： | 10px sans-serif |
|---|
ブラウザのサポート
表の数字は、その属性を完全にサポートする最初のブラウザのバージョンを示しています。
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
注記：Internet Explorer 8 以前のバージョンは <canvas> 要素をサポートしていません。
