Fit to Canvas
Fit image to target canvas size with various modes
intermediate
Since P00
Input Ports
Image
入力画像
Output Ports
Image
フィット後の画像
Parameters
| Name | Type | Default | Description |
|---|---|---|---|
| Width | Int | 32 | ターゲットキャンバス幅 |
| Height | Int | 32 | ターゲットキャンバス高さ |
| フィットモード | Enum | Contain | フィット方法（ツールチップ付き） |
| 整列 | Enum | Center | 余白がある場合の配置位置（日本語ラベル付き） |
| スケール方式 | Enum | NearestNeighbor | スケーリング方式（ツールチップ付き） |
フィットモード一覧
| モード | 日本語 | 効果 |
|---|---|---|
| Contain | 内包 | キャンバス内に収まる最大サイズ。アスペクト比維持、余白あり |
| Cover | カバー | キャンバスを覆う最小サイズ。アスペクト比維持、はみ出しクリップ |
| Stretch | 引き延ばし | アスペクト比を無視してキャンバスいっぱいに引き延ばし |
| None | 配置のみ | Resizeなし。指定キャンバスに配置のみ |
スケール方式
| 方式 | 日本語 | 説明 |
|---|---|---|
| NearestNeighbor | ニアレストネイバー | フィットサイズに正確にスケール |
| IntegerOnly | 整数倍のみ | 最大の整数倍（1×, 2×, 3×...）でスケール。pixel-perfect |
IntegerOnly はドット絵に特に有用。端数スケール（1.5×等）でピクセルが崩れるのを防ぎます。
Usage Examples
ドット絵をプレビューキャンバスに収める
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 → 下中央に配置、周囲に余白。