【ティラノスクリプト】メッセージウィンドウの画像を縮小して表示するサンプル

今回は、2000×400のサイズの画像を1000×200のサイズに縮小して表示します。

【メッセージウィンドウの画像】

2000×400のサイズの画像

【通常時】

【縮小時】

tyrano.css等に下記のコードを追記します。

.message_outer {
  background-size: contain;
}

【参考】メッセージウィンドウの設定

;メッセージウィンドウの設定
[position layer="message0" left=160 top=500 width=1000 height=200 frame="message_window.png" page=fore visible=true opacity="255"]

;文字が表示される領域を調整
[position layer=message0 page=fore margint="45" marginl="50" marginr="70" marginb="60"]