图片旋转翻转工具

工具功能

这是一款基于Canvas的在线图片旋转翻转工具，可以对图片进行90度、180度、270度旋转，支持水平翻转和垂直翻转，可叠加多次操作，处理完成后可导出为PNG或JPG格式图片，所有操作都在您的浏览器本地完成，不会上传图片到服务器。

使用方法

1. 点击「选择图片」按钮，选中你需要处理的本地图片文件
2. 点击对应操作按钮进行旋转或翻转：
   • 逆时针旋转90°：向左旋转90度
   • 顺时针旋转90°：向右旋转90度
   • 水平翻转：左右镜像翻转
   • 垂直翻转：上下镜像翻转
3. 可多次点击不同按钮叠加操作，点击「重置」可恢复到原图状态
4. 处理完成后，点击「导出PNG」或「导出JPG」下载处理后的图片

实现原理

工具使用HTML5 Canvas API对图片进行变换处理：

• 旋转：通过Canvas的rotate()方法结合坐标平移实现指定角度的旋转，90度和270度旋转会自动调整画布宽高适应旋转后的尺寸。
• 翻转：通过Canvas的scale()方法设置缩放系数为-1实现翻转，水平翻转设置X轴缩放为-1，垂直翻转设置Y轴缩放为-1。
• 导出：处理完成后通过Canvas的toDataURL()方法生成对应格式的图片数据，触发浏览器下载保存。

注意事项

• 请不要上传过大尺寸的图片，可能会导致浏览器卡顿。
• 所有操作均在本地浏览器完成，图片不会上传到网络，隐私有保障。
• 如果导出图片有问题，可以尝试点击重置后重新操作。