画像を傾ける（スキュー）

スキュー（せん断）は、画像を斜めに傾ける変形です。水平方向のスキューは、上端を動かさずに下端を横にずらし、イタリック体の文字のようにします。垂直方向のスキューは、片側を上または下にずらします。躍動感のあるバナー、立体風のモックアップ、斜めの区切り線、斜めから撮った看板写真の補正などに使われます。このツールは、最大70°まで好きな角度でせん断し、何も切れないようにキャンバスを広げて、新しくできた角を透明または選んだ色で塗りつぶします。

使い方

1. 画像を1枚以上選びます。
2. 水平方向または垂直方向の傾きの角度を入力します（マイナスの値は逆向きに傾きます）。
3. 空いた角を透明にするか、色で塗るかを選びます。
4. 出力形式を選んで、傾けた画像をダウンロードします。

計算式

x′ = x + tan(h) × y、y′ = y + tan(v) × x；新しい幅 = 幅 + |tan h| × 高さ、新しい高さ = 高さ + |tan v| × 幅

hとvは水平・垂直の角度です。この変換は、ブラウザのキャンバスが高品質のスムージングで適用するアフィンのせん断なので、直線は直線のままで、縁はアンチエイリアスがかかります。2つの角度が同じ向きに傾く場合、tan h × tan v は1よりかなり小さくする必要があり（このツールは0.9まで許可）、1になると絵が1本の線につぶれます。符号が逆の角度では絵が折り重なることはなく、引き伸ばされるだけです。

計算例

1200 × 800のバナーを水平方向に15°傾けると、tan 15° × 800 = 0.268 × 800 = 214 px広がるため、結果は1415 × 800 px（切り上げ）になります。下端が右に214 pxずれ、三角形の角が2か所透明のまま残ります。