APIで追加されるプロパティのうち、残る2つのプロパティであるtextBaselineとtextAlignは、それぞれテキストの垂直および水平位置を決定するために使用される。textBaselineプロパティでは、top、hanging、middle、alphabetic、ideographic、bottomのいずれかを使用してテキストのベースラインを指定できる。デフォルトはalphabeticになっている。5のドラフトでは、それぞれ図1の位置を表すとしている。5のドラフトより引用)リスト1は、textBaselineプロパティの値をデフォルト(alphabetic)、top、middleと指定し、それぞれ色を変えて描画した例である。1で表示すると図2のようになり、垂直位置が変更されているのがわかる。APIを検証」を参照していただきたい。40);図2水平位置はtextAlignプロパティで指定する。textAlignに指定できる値はstart、end、left、right、centerのいずれかで、これによってテキストのアンカーポイントがインラインボックスのどの位置になるかが決定される。leftやstart(かつcanvas要素のdirectionプロパティのコンビューテッド値がltr)ならば左端となり、rightやend(かつcanvas要素のdirectionプロパティのコンビューテッド値がltr)ならば右端、centerならば真ん中となる。デフォルトはstartとなっている。リスト2は、textAlignプロパティの値をデフォルト(start)、center、endと指定し、それぞれ色を変えて描画した例である。1で表示すると図3のようになり、水平位置が変更されているのがわかる。permission.×このサイトでは、利用状況の把握や広告配信などのために、Cookieなどを使用してアクセスデータを取得・利用しています。これ以降ページを遷移した場合、Cookieなどの設定や使用に同意したことになります。Cookieなどの設定や使用の詳細、オプトアウトについては詳細をご覧ください。