HTML5 canvas textAlign 属性
HTML5 canvas リファレンス
例
位置 150,75(このキャンバスの中心)から始まる文字列 "Hello World" を、右揃えにします:
JavaScript:
var c=document.getElementById("myCanvas"); var ctx=c.getContext("2d");
ctx.textAlign="right"; ctx.fillText("Hello World",150,75);
Try it yourself »
定義と用法
textAlign 属性は、キャンバスにテキストを配置するために使用します。
キャンバスにテキストを配置するため、fillText() または strokeText() メソッドを使用します。
テキストは、テキストを配置する場所から相対的に揃えられます。
テキスト位置を 150,75 で、textAlign="right" とした場合、
テキストの末尾の位置は 150,75 になります。
デフォルト値: |
left |
JavaScript 構文: |
context.textAlign="right"; |
ブラウザ・サポート
textAlign 属性は、主要な全ブラウザがサポートしています。
属性値
HTML5 canvas リファレンス
|