0. 画像を表示する

はじめに，次のコードを使って1.jpgを表示します。

• type: 'image'：画像（image）を追加します。
• left，top：画像の位置を指定します。
• angle：画像の角度を指定します。
• width，height：画像の大きさを指定します。
• src：表示する画像ファイルを指定します。

this.options.content.push({
   type: 'image', 
   left: 0,
   top: 0, 
   angle: 0,
   width:400,
   height:250,
   src: '${ this.files["1.jpg"] }'
 })

以下のように表示されます。

1秒後に画面が終了するように設定する

画面上部の「Behavior」タブを選択し，「Timeout」を「1000 ms」に変更してください。

1. 変数でプロパティを指定する

画像のプロパティを変数で指定できるようにします。変数については，以下の説明を参照してください。

変数と定数「var」「let」「const」

ここでは，表示する画像のファイル名を変数imageDataで指定します。

let imageData = "1.jpg";

this.options.content.push({
   type: 'image', 
   left: 0,
   top: 0, 
   angle: 0,
   width:400,
   height:250,
   src: '${ this.files["'+imageData+'"] }'
 })

srcでは，文字列の連結により，次の指定を作成しています。