图片倾斜

什么是图片倾斜？

图片倾斜是一种几何变换，沿图像的水平或垂直轴进行剪切，将矩形变为平行四边形。与旋转不同——旋转是围绕固定点旋转整张图像，倾斜是将每一行像素按递增的偏移量平移，从而产生倾斜、倾斜或扭曲的外观。水平倾斜（skew X）使图像顶部相对于底部向侧面推移，而垂直倾斜（skew Y）使图像左边缘相对于右边缘上下移动。

本工具使用 Canvas 2D 变换矩阵应用两种倾斜。您可以独立设置水平和垂直角度，范围从 -45° 到 45°。工具会计算结果平行四边形的边界框，创建足够大的画布来容纳它，并渲染应用了剪切的图像。由于整个操作使用 JavaScript 在本地运行，无需上传任何内容，结果可即时生成。

倾斜变换的工作原理

在底层，工具使用 Canvas 2D 的 transform 方法，该方法接受一个 2×3 仿射矩阵。对于水平倾斜角度 α 和垂直倾斜角度 β，矩阵为 [1, tan(β), tan(α), 1, 0, 0]。这意味着原始图像中的每个点 (x, y) 被映射到输出中的 (x + y·tan(α), y + x·tan(β))。在 0° 时没有剪切，图像保持不变；在 45° 时剪切达到最大，图像变成尖锐的平行四边形。

由于倾斜会改变图像的形状，输出画布必须大于原始图像以避免裁剪。工具计算图像的四个变换角点，找到它们的边界框，并相应地调整画布大小。然后应用平移，使所有角点都落在画布内。对于不支持透明度的 JPG 输出，倾斜图像外的空白区域填充为白色。

倾斜与旋转：有什么区别？

倾斜和旋转都是几何变换，但它们的行为截然不同。旋转围绕中心点按固定角度旋转整张图像，保持所有角度和距离——正方形仍然是正方形，只是转了个方向。而倾斜沿轴线剪切图像，改变角度并扭曲形状——正方形变成平行四边形。旋转保持图像比例不变；倾斜则会拉伸它们。

属性	旋转	倾斜
形状变化	否——角度保持不变	是——角度改变
输出尺寸	与输入相同（或更大的边界框）	更大的边界框
视觉效果	图像原地旋转	图像倾斜/倾斜
典型用途	修复方向、创意倾斜	透视校正、风格化文字、3D 错觉

当需要校正歪斜的照片或翻转图像时，请使用旋转。当需要模拟透视、创建倾斜横幅或校正角度拍摄的照片时，请使用倾斜。

何时使用倾斜效果

倾斜是设计、摄影和插画中常用的多功能技术。当需要模拟深度、校正透视或创建动态、倾斜的外观时特别有用。常见场景包括：

• 透视校正。通过应用反向倾斜，校正以角度拍摄的文档或建筑立面的歪斜。
• 3D 错觉。倾斜平面图像使其看起来像在向远处延伸，模拟 3D 场景中的地板、墙壁或屏幕。
• 风格化文字和横幅。在不改变字体的情况下，给标题和行动号召按钮赋予倾斜、充满活力的外观。
• 阴影效果。通过倾斜对象的副本并加深它来创建投影。
• 创意扭曲。为专辑封面、海报和社交媒体图形生成超现实的倾斜构图。

每当需要图像呈现倾斜、动态或透视感知的感觉时，倾斜就是正确的工具。

如何对图片应用倾斜

倾斜图片只需几秒钟，完全在浏览器中运行——无需上传、无需注册、无水印。请按以下步骤操作：

1. 上传图片。点击上传区域或拖放 JPG、PNG、WebP、GIF 或 BMP 文件。图片会即时解码并预览。
2. 设置倾斜角度。使用水平倾斜和垂直倾斜滑块，范围 -45° 至 45°。正值向一个方向倾斜，负值向另一个方向倾斜。
3. 选择输出格式。PNG 可保持无损质量和透明度，JPG 适合较小的照片，WebP 则在大小和质量之间取得现代平衡。
4. 点击"应用倾斜"。工具处理图片并并排显示原始和结果文件大小。
5. 下载结果。点击"下载倾斜图片"保存图像。原始文件在设备上保持不变。

由于每一步都使用 JavaScript 在浏览器中本地运行，您的图片永远不会被上传到服务器。这使得该工具完全私密、快速，适合处理敏感图片。