directionプロパティ
プロパティdirectionは、
メソッドfillText
またはメソッドstrokeTextで描画される
テキストの方向を設定します。
取り得る値は次のいずれかです: ltr
(左から右)、rtl (右から左)、inherit
(継承)。デフォルト値は
inheritです (アラビア語やヘブライ語の場合は
rtlとなります。これらは右から左に書くためです。その他の
すべての言語では - ltr)。
構文
コンテキスト.direction = ltr または rtl または inherit;
例
テキストを書き、
プロパティdirectionを使用して
異なる方向を設定してみましょう:
<canvas id="canvas" width="200" height="200" style="background: #f4f4f4;"></canvas>
const canvas = document.getElementById("canvas");
const ctx = canvas.getContext("2d");
ctx.font = "16px arial";
ctx.fillText("text1", 150, 50);
ctx.direction = "rtl";
ctx.fillText("text1", 50, 120);
:
関連項目
-
垂直方向のテキスト配置を行うプロパティ
textBaseline -
水平方向のテキスト配置を行うプロパティ
textAlign
