microCMS

テキスト

最終更新日: 2020/05/18

txt

テキストを画像にオーバーレイします。
テキストを表示するためにはこの値が必須です。
設定されていない場合、他のすべてのテキストパラメータは無視されます。
例)?txt=Hello%20World!


例)?txt=HELLO%20WORLD!&txt-size=62&txt-color=ffffff&txt-align=middle,center&txt-font=Futura%20Condensed%20Medium

txt-align

画像内のテキストオーバーレイの配置を設定します。
縦方向はtop,middle,bottom、横方向はleft,center,rightが選択できます。
デフォルトはbottom,rightです。
例)?txt=Hello%20World!&txt-align=middle,center

txt-clip

表示領域を超えたテキストを切り取ります。
start,middle,endから切り取る位置を指定し、ellipsisの有無で「...」の表示が可能です。
デフォルトはendです。
また、txt-pad,txt-widthを用いることで表示領域をコントロールすることができます。
例)?txt=ABCDEFGHIJKLMNOPQRSTUVWXYZ&txt-size=62&txt-color=ffffff&txt-align=middle,center&txt-clip=end,ellipsis


例)?txt=ABCDEFGHIJKLMNOPQRSTUVWXYZ&txt-size=62&txt-color=ffffff&txt-align=middle,center&txt-clip=middle

txt-color

文字色を指定できます。
RGB,ARGB,RRGGBB,AARRGGBB, の16進数形式で指定します。
Aはアルファ値(透過値)、RGBはそれぞれ赤/緑/青を表す値です。
デフォルトは000です。
例)?txt=microCMS&txt-size=62&txt-color=99ffffff&txt-align=middle,center

txt-fit

テキストを表示領域にフィットさせます。
maxのみ指定できます。
デフォルトは指定なしです。
例)?txt=ABCDEFGHIJKLMNOPQRSTUVWXYZ&txt-size=62&txt-color=fff&txt-align=middle,center&txt-fit=max

txt-font

テキストのフォントを指定できます。
CSSのカテゴリ指定(serif,sans-serif,monospace,cursive,fantasy)、または明示的なフォント名を指定可能です。
太字、イタリックについてもカンマつなぎでbold,italicを指定可能です。
例)?txt=microCMS&txt-size=62&txt-color=fff&txt-align=middle,center&txt-font=Helvetica%20Neue


例: ?txt=microCMS&txt-size=62&txt-color=fff&txt-align=middle,center&txt-font=serif,italic

txt-size

文字サイズを指定できます。
デフォルト値は12です。
例)?txt=microCMS&txt-size=24&txt-color=fff&txt-align=middle,center

txt-line

テキストをアウトライン幅を指定できます。
アウトラインはテキストの内側に描画されます。
デフォルト値は0です。
例)?txt=microCMS&txt-size=70&txt-color=0000&txt-align=middle,center&txt-line=2

txt-line-color

テキストのアウトライン色を指定できます。
txt-lineとセットで用いてください。
RGB,ARGB,RRGGBB,AARRGGBB, の16進数形式で指定します。
Aはアルファ値(透過値)、RGBはそれぞれ赤/緑/青を表す値です。
デフォルトはfffです。
例)?txt=microCMS&txt-size=70&txt-color=0000&txt-align=middle,center&txt-line=2&txt-line-color=ffc427

txt-pad

テキスト周りの余白を指定できます。
デフォルトは10です。
例)?txt=microCMS&txt-pad=20


例)?txt=ABCDEFGHIJKLMNOPQRSTUVWXYZ&txt-size=62&txt-color=ffffff&txt-align=middle,center&txt-clip=end,ellipsis&txt-pad=50

txt-shad

テキストに陰影をつけます。
0-10のパラメータで指定します。
デフォルトは0です。
例)?txt=HELLO%20WORLD!&txt-size=32&txt-color=ffffff&txt-align=middle,center&txt-shad=5

txt-width

テキストの横幅を指定します。
テキスト領域を超えた場合は自動的に切り取られます。
txt-clipパラメータを用いることで切り取られ方を調整できます。
デフォルト値は画像の横幅によって自動計算されます。
例)?txt=HELLO%20WORLD!&txt-size=32&txt-color=ffffff&txt-align=middle,center&txt-width=200