キャンバス
スクリーンUIのキャンバスはコンポーネントが配置される領域です。
プロパティ
| No | 項目 | 入力値 | デフォルト値 | アクションプロパティ | タイプ | アクションデフォルト値 | 説明 |
|---|---|---|---|---|---|---|---|
| 1 | ID | 文字列 | canvas | id | string | canvas | [id]プロパティはアクションでは設定はできません。 |
| 2 | 最大幅 [デスクトップ] | 数値 | -1 | maxWidth | number | -1 | [最大幅]に指定した数値によって、エディタとアプリで表示や動作が異なります。[最大幅]を指定していても、アプリバーとボトムナビゲーションは画面幅で表示されます。 |
| 3 | 下余白 | 文字列 | 30 | bottomPadding | number | 30 | キャンバスの画面下部の余白領域の設定 |
| 4 | 背景色 | 文字列 カラーピッカー | backgroundColor | string | キャンバスの背景色 | ||
| 5 | 背景画像 | 文字列 | backgroundImage | string | キャンバスの背景画像 | ||
| 6 | 背景画像の繰り返し | 選択 1. 繰り返し 2. 繰り返しなし | 繰り返しなし | backgroundRepeat | string | no-repeat | 背景画像の繰り返し設定 |
| 7 | 背景画像のサイズ | 選択 1. 拡大縮小無し 2. 全体表示 3. 全体埋め | 拡大縮小無し | backgroundSize | string | auto | 背景画像のobject-fitの設定 |
| 8 | ボディ背景色 [デスクトップ] | 文字列 カラーピッカー | bodyBackgroundColor | string | ボディ領域の背景色設定 | ||
| 9 | ボディ背景画像パス [デスクトップ] | 文字列 | bodyBackgroundImage | string | ボディ領域の背景画像設定 | ||
| 10 | ボディ背景画像の繰り返し[デスクトップ] | 選択 1. 繰り返し 2. 繰り返しなし | 繰り返しなし | backgroundRepeat | string | no-repeat | ボディ領域の背景画像の繰り返し設定 |
| 11 | ボディ背景画像のサイズ[デスクトップ] | 選択 1. 拡大縮小無し 2. 全体表示 3. 全体埋め | 拡大縮小無し | backgroundSize | string | auto | ボディ領域の背景画像のobject-fitの設定 |