キャンバスは、テキストをレンダリングするための2つのメソッドを提供します
1、fillText（テキスト、X、Y [、のmaxWidth]）指定で指定されたテキストの位置（x、y）、最大幅でプロットされたオプションを充填しました
描画されたテキストの境界の2、strokeText（テキスト、X、Y [、のmaxWidth]）設定最大幅位置（x、y）、図は任意です
3、フォント=私たちは、同じ文字列とCSSフォント属性構文を使用して、現在のテキストスタイルを描画するために使用される値は、デフォルトのフォントが10pxのサンセリフです
4、textAlign =値のテキストの配置オプション、オプション値：開始、終了、左、右、中央、デフォルト値が凝視あります
5、は、TextBaseline =値のベースラインアライメントオプション、選択可能な値：トップ、ハンギング、中東、alphabetic、 ideographic、 bottom。デフォルト値はです alphabetic。。
図6に示すように、方向= valueのテキスト方向、可能な値、tr、 rtl、 inherit。デフォルト値はです inherit。私は試してませんでした
具体demo
<！DOCTYPE HTML>
<HTML>
<HEAD>
<メタ文字セット= "UTF-8">
<タイトル>绘制文本</ TITLE>
<スタイル>
キャンバス{
国境：1pxの固体赤。
}
</スタイル>
</ head>
<body>
<キャンバスID = "チュートリアル"幅= "500pxなど"高さ= "300ピクセル"> </キャンバス>
</ body>
<スクリプト>
関数ドロー（）{
VARキャンバス=文書.getElementById（ "チュートリアル"）
（canvas.getContext！）を返すと、
VAR CTX = canvas.getContext（ "2D"）。
ctx.font = "100pxにサンセリフ";
ctx.textBaselineは「トップ」を=。
ctx.fillText（ "大大小小"、10100）;