ページ 11

【解決済み】drawTextについて

Posted: 2018年8月17日(金) 00:18
by ichi
お世話になっております。

引数の「align」を'right'にした場合、最終的にfillText渡される引数が
x(表示位置) >= maxWidth となるような実装になっているのは、なぜなのでしょうか。
また、この実装でなぜ文字列が表示できるのか理解できません。

width=100のwindowにて
drawText("あいうえお", 10, 0, 100, 'right'); でdrawTextを呼び出した場合、
fillText("あいうえお", 110, y, 100); でfillTextが呼ばれるかと思います。

その為、x=110から「あいうえお」の文字列を表示する為、そもそも文字列が表示されないのでは?
と思っているのですが表示できています。

ツクールというよりかは、html寄りの質問ではあるかと思いますが、
ご教授頂けると幸いです。

よろしくお願い致します。

Re: drawTextについて

Posted: 2018年8月17日(金) 02:44
by トリアコンタン
こんばんは!

ポイントはBitmap.prototype.drawTextの以下のコードです。

コード: 全て選択

context.textAlign = align;


この設定により、alignがrightのとき、文字列が「指定した座標を右端」とした「右揃え」で表示されるようになります。
詳しくはこちらのサイトのサンプル画像をご確認ください。
http://www.html5.jp/canvas/ref/property/textAlign.html

Re: drawTextについて

Posted: 2018年8月18日(土) 04:36
by ichi
>トリアコンタン様

返信ありがとうございます。

そもそも設定値として持つようになっているのですね。
なぜか引数で渡すという先入観があり、見落としてました。。。


無事、理解することができました。
ありがとうございました。

今後ともよろしくお願い致します。