指南

如何按指定角度旋转图像

提供非空的 Base64 图像数据,输入旋转角度后提交即可。未填写角度时按 90 度处理,成功结果会返回旋转后的 Base64 图像及处理前后的尺寸。

工具 图片旋转工具

了解图像旋转工具

图像旋转工具适合在需要改变图片方向或倾斜角度时使用。它接收图像数据和一个旋转角度,并可选择是否扩展旋转后的画布;扩展画布有助于保留旋转后超出原边界的区域。你还可以指定填充颜色,用来处理旋转后出现的空白区域。

处理前需要准备可读取的图像数据。工具会先将提供的数据解码并打开为图像,再执行旋转。角度可以省略,未填写时使用 90 度;扩展选项和填充颜色也有默认值。

旋转图像的完整流程

  1. 准备一份经过 Base64 编码的图像数据,并将其填入图像数据输入框。该输入不是必填项,但真正处理时必须提供非空数据;空输入不会产生旋转结果。
  2. 输入所需的旋转角度。角度是数字,若不填写,工具会按 90 度处理。请根据图片方向输入数值,并在提交前确认数值格式正确。
  3. 根据版面需求设置扩展选项。该选项默认开启;如果希望维持原有画布范围,可以关闭它,但旋转后的内容可能受到原边界影响。
  4. 需要时设置填充颜色。未设置时默认使用黑色。对于带 RGBA 通道的图像,在填充颜色保持为黑色的情况下,旋转填充区域会使用透明填充;其他情况下使用你提供的颜色。
  5. 提交处理并查看结果。成功时,结果会以 Base64 形式返回旋转后的图像,同时包含所请求的角度、原始尺寸和处理后尺寸。输出使用源图像格式;如果没有可用的源格式,则保存为 PNG。

查看并判断处理结果

成功结果应包含三类信息:旋转后的图像数据、实际请求的角度,以及旋转前后的尺寸。返回的图像数据仍是 Base64 形式,因此后续使用时需要按你的应用流程保存、展示或转换它。输出格式跟随源图像;源格式不可用时,结果会采用 PNG。

尺寸变化不能只凭角度直接推断。是否扩展画布、原图尺寸和图像内容都会影响最终结果,因此应以返回的原始尺寸和处理后尺寸为准。若结果标记为不成功,可能是没有提供图像数据,也可能是在解码、打开、旋转或保存期间发生处理异常;这时先检查输入是否为可解码的图像数据,再重新提交。

使用示例

设计人员需要把一张 PNG 图片旋转 45 度,并查看旋转后画布的尺寸变化。

一张需要调整方向的 PNG 图片已经准备好。将其转换为 Base64 后输入,设置旋转角度为 45,保留画布扩展选项,并提交处理。

成功结果应包含旋转后的 Base64 图像、请求的角度,以及原始尺寸和处理后尺寸;输出格式与源图像一致。

使用限制

  • 空图像数据、无法解码或打开的数据,以及解码、旋转或保存期间的异常,都可能导致不成功结果;具体尺寸变化应以返回结果为准。

常见错误

  • 错误原因:提交了空字符串,或提供的数据无法被解码并打开为图像。改进方法:确认输入不是空值,并重新生成与实际图像对应的 Base64 数据后再处理。

常见问题

没有上传图像也能直接旋转吗?

可以,但必须提供非空且能够解码、打开的图像数据;空输入或处理过程中的异常会导致不成功结果。

可以设置 90 度以外的旋转角度吗?

可以。角度输入为可选数字,省略时使用 90 度。

旋转后的空白区域会是什么颜色?

默认填充颜色是黑色;如果图像带 RGBA 通道且仍使用黑色填充,旋转填充区域会是透明的,否则会使用指定的填充颜色。

工具

图片旋转工具