Fit to Canvas(キャンバスフィット)
画像をターゲットキャンバスサイズに合わせて配置します。Contain/Cover/Stretch/None の4モード、9方向アンカー、ピクセルパーフェクトな整数倍スケールに対応。
中級
Since P00
入力ポート
Image(画像)
入力画像
出力ポート
Image(画像)
フィット後の画像
パラメータ
| 名前 | 型 | デフォルト | 説明 |
|---|---|---|---|
| Width幅 | Int | 32 | ターゲットキャンバス幅 |
| Height高さ | Int | 32 | ターゲットキャンバス高さ |
| フィットモードフィットモード | Enum | Contain | フィット方法(ツールチップ付き) |
| 整列整列 | Enum | Center | 余白がある場合の配置位置(日本語ラベル付き) |
| スケール方式スケール方式 | Enum | NearestNeighbor | スケーリング方式(ツールチップ付き) |
フィットモード一覧
| モード | 日本語 | 効果 |
|---|---|---|
| Contain | 内包 | キャンバス内に収まる最大サイズ。アスペクト比維持、余白あり |
| Cover | カバー | キャンバスを覆う最小サイズ。アスペクト比維持、はみ出しクリップ |
| Stretch | 引き延ばし | アスペクト比を無視してキャンバスいっぱいに引き延ばし |
| None | 配置のみ | リサイズなし。指定キャンバスに配置のみ |
スケール方式
| 方式 | 日本語 | 説明 |
|---|---|---|
| NearestNeighbor | ニアレストネイバー | フィットサイズに正確にスケール |
| IntegerOnly | 整数倍のみ | 最大の整数倍(1×, 2×, 3×...)でスケール。ピクセルパーフェクト |
IntegerOnly はドット絵に特に有用。端数スケール(1.5×等)でピクセルが崩れるのを防ぎます。
使用例
ドット絵をプレビューキャンバスに収める
16×16のドット絵を width: 64, height: 64, fit_mode: Contain, scale_method: IntegerOnly → 4×拡大で64×64。
背景画像をキャンバスにカバー
48×32の背景を width: 64, height: 64, fit_mode: Cover, alignment: Center → アスペクト比維持でキャンバスを覆い、はみ出し部分クリップ。
スプライトをキャンバスに配置
16×16のスプライトを width: 32, height: 32, fit_mode: None, alignment: Bottom-Center → 下中央に配置、周囲に余白。