Fit to Canvas
Transforms an image using Fit to Canvas. Modifies the spatial properties of the input image.
intermediate
Since P00
Input Ports
Image
Input image
Output Ports
Image
フィット後のimage
Parameters
| Name | Type | Default | Description |
|---|---|---|---|
| Width | Int | 32 | ターゲットキャンバスWidth |
| Height | Int | 32 | ターゲットキャンバスHeight |
| フィットモード | Enum | Contain | フィット方法(ツールチップ付き) |
| 整列 | Enum | Center | 余白がある場合のPlacement position(日本語ラベル付き) |
| スケール方式 | 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 → 下中央に配置、周囲に余白。