旋转图片
将照片旋转到任意角度,缩放并添加边距,还可以扩大画布以容纳全部内容——完全在您的浏览器中完成。
输入
Drop an image or browse
One file · image
完全在您的浏览器中处理——图片绝不会上传到服务器。
如果图片被旋转,画布会被放大,以确保整个旋转后的图片保持可见。
图片周围的区域。仅在放大背景时生效。
输出
结果
Your edited image will appear here.
SVG源码
这对您有帮助吗?
使用此工具的更多方式
嵌入式小组件
<iframe
src="https://iotools.cloud/embed/imagekit/rotate-image/"
width="100%" height="520" frameborder="0" scrolling="no" loading="lazy"
title="旋转图片 — iotools.cloud"
sandbox="allow-scripts allow-forms allow-same-origin allow-downloads allow-popups allow-popups-to-escape-sandbox"
allow="clipboard-write"
style="width:100%;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden"></iframe>
<script src="https://iotools.cloud/embed.js" async></script>把它放到您自己的页面上——免费,无需密钥,只需保留一个反向链接。
也可通过
使用指南
把歪斜的照片摆正,或将其旋转到任意角度。旋转图片工具可以将图片旋转任意度数,支持缩放和添加边距,还可以自动扩大画布,确保边角不被裁切。
工作原理
上传图片,然后调整以下控件:
- 角度 (度) —— 图片旋转的角度,范围为 -180° 到 180°。正值为顺时针旋转。
- 缩放 (%) —— 放大或缩小旋转后的图片(50% 到 500%),以旋转时所围绕的同一点为中心。
- 放大背景尺寸 —— 开启时,画布会自动扩大,以容纳完整旋转后的图片,使边角不被裁切。关闭时,画布保持图片的原始尺寸,旋转后超出边缘的部分会被裁掉。
- 边距 (px) —— 旋转图片周围额外增加的空白区域。仅在开启“放大背景尺寸”时生效。
- 背景类型 —— 将放大的区域保留为透明,或填充为纯颜色。
- 背景颜色 —— 当背景类型设为“颜色”时使用的填充颜色。
结果会在您调整控件时即时显示。您可以将结果下载为 SVG 文件,或直接复制其源代码。
提示
- 如果旋转角度不是 90° 的倍数,请开启“放大背景尺寸”——否则图片的边角会被原始画布边界裁切。
- 透明背景会让放大的边角保持透明,当 SVG(或重新导出的 PNG)要放在其他背景上时,通常正是您需要的效果;如果需要不透明的结果,请切换为纯色。
- 边距只有在开启“放大背景尺寸”时才有意义——它会在旋转本身所需空间之外,于旋转图片周围增加固定宽度的画布边框。
- 下载的 SVG 是原始图片的矢量封装,因此在任何尺寸下都保持清晰——缩放它不会像位图导出那样损失画质。
imagerotatephoto effectzoomcanvas