【解決済み】drawTextについて

ichi
記事: 14
登録日時: 2018年2月12日(月) 00:10

【解決済み】drawTextについて

投稿記事by ichi » 2018年8月17日(金) 00:18

お世話になっております。

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

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

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

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

よろしくお願い致します。
最後に編集したユーザー ichi on 2018年8月18日(土) 12:30 [ 編集 1 回目 ]

アバター
トリアコンタン
記事: 2311
登録日時: 2015年11月10日(火) 21:13
お住まい: きのこ王国
連絡を取る:

Re: drawTextについて

投稿記事by トリアコンタン » 2018年8月17日(金) 02:44

こんばんは!

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

コード: 全て選択

context.textAlign = align;


この設定により、alignがrightのとき、文字列が「指定した座標を右端」とした「右揃え」で表示されるようになります。
詳しくはこちらのサイトのサンプル画像をご確認ください。
http://www.html5.jp/canvas/ref/property/textAlign.html
プラグイン関連のトラブルが発生した際の切り分けと報告の方法です。
http://qiita.com/triacontane/items/2e227e5b5ce9503a2c30

[Blog] : http://triacontane.blogspot.jp/
[Twitter]: https://twitter.com/triacontane/
[GitHub] : https://github.com/triacontane/
ichi
記事: 14
登録日時: 2018年2月12日(月) 00:10

Re: drawTextについて

投稿記事by ichi » 2018年8月18日(土) 04:36

>トリアコンタン様

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

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


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

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

“MV:質問” へ戻る