📁

点击选择或拖拽图片到此处

支持JPG、PNG、GIF格式

📏 容器信息

宽度: 0 px
高度: 0 px
位置: 0, 0

🖼️ 图片信息

原始尺寸: 0 × 0 px
显示尺寸: 0 × 0 px
显示位置: 0, 0 px
缩放比例: 1.00 × 1.00

🎯 ROI信息

容器位置: 0, 0 px
容器尺寸: 320 × 320 px
相对位置: 0, 0 px
原始坐标: 0, 0 px
ROI框尺寸设置
px
px

裁剪预览

裁剪后的图片

尺寸: 0 × 0 像素

图片预览与ROI选择

图片预览
ROI区域 (320×320)

提示:拖拽ROI框调整位置,拖动右下角调整大小,或者使用上方的尺寸设置

操作与状态

服务器设置

示例: https://localhost:5000/process 或 https://www.icitycode.com:5000/process

上传尺寸设置
px
px

设置最终上传图像的尺寸(保持比例或拉伸)

服务器响应
状态信息
请先选择一张图片,调整ROI区域后裁剪并上传。

使用说明

  1. 点击左侧区域或拖拽图片到上传区域选择图片
  2. 图片加载后,红色ROI框会显示在预览区域
  3. 拖拽ROI框调整位置,拖动右下角调整大小
  4. 或在左侧面板直接设置ROI框尺寸并应用,尽量保证宽度与高度差不多
  5. 点击"裁剪ROI区域"按钮生成裁剪预览
  6. 设置最终输出图像尺寸(可拉伸或保持比例)
  7. 在服务器设置中输入服务器地址并测试连接
  8. 点击"上传到服务器"按钮将裁剪后的图片发送到服务器