图片裁剪

裁剪到您需要的确切框架

图像裁剪从 PNG、JPEG 或 WebP 图像中剪切选定的矩形区域，无需上传。 使用它来删除边缘、居中主题或匹配固定卡片、缩略图、头像和社交预览比例。

裁剪框使用像素坐标：X 和 Y 标记左上角，而宽度和高度定义所选区域。裁剪会改变成分和输出尺寸；所选像素以其选择的裁剪尺寸导出。

处理通过浏览器画布进行。自由裁剪最适合任意取景，而当目的地需要稳定的宽高比时，1:1、4:3 和 16:9 预设会有所帮助。检查输出，因为重新编码后元数据和方向处理可能会有所不同。

使用方法

1. 上传一张 PNG、JPEG 或 WebP 图像。
2. 拖动裁剪框，通过手柄调整其大小，选择比例预设，或输入精确的裁剪值。
3. 调整 JPEG/WebP 质量，预览输出，然后下载裁剪后的图像。

什么时候应该裁剪图像？

图片裁剪 用于更改图像的框架：删除空白边距、聚焦于重要主题或将图像放入固定比例的槽中。

当设计规范或 CMS 要求精确的像素裁剪时，请使用精确的 X、Y、宽度和高度值。 JPEG/WebP 导出可以进行质量调整，而当必须保持透明度不变时，PNG 是更安全的选择。

使用 Canvas 裁剪

画布裁剪使用源坐标并仅将选定的矩形绘制到输出画布中：

const canvas = document.createElement('canvas');
canvas.width = crop.width;
canvas.height = crop.height;
const ctx = canvas.getContext('2d');
ctx.drawImage(image, crop.x, crop.y, crop.width, crop.height, 0, 0, crop.width, crop.height);
canvas.toBlob(saveBlob, outputMime, quality);

MCP 集成

MCP（Model Context Protocol，模型上下文协议）让 AI 代理和应用可以发现并调用 Coding.Tools 工具，用于可重复的转换、格式化、哈希和生成工作流。

MCP 工具名: image-crop

MCP 端点: https://coding.tools/mcp

请先调用 tools/list。每个工具条目都会包含 inputSchema、outputSchema 和 examples，AI 代理或客户端可以据此生成合法参数，不需要猜。

调用 tools/call 后，result.content[0].text 是展示用结果，result.structuredContent 是适合程序解析的结构化结果。工具级失败会返回 isError: true；协议级失败会返回 JSON-RPC 错误。

tools/call 请求示例：

curl -s https://coding.tools/mcp \
  -H "Content-Type: application/json" \
  -H "Accept: application/json" \
  -H "MCP-Protocol-Version: 2025-06-18" \
  -d '{"jsonrpc":"2.0","id":1,"method":"tools/call","params":{"name":"image-crop","arguments":{}}}'

这个图片工具在 MCP 中属于浏览器专用工具。tools/call 不会在服务器处理本地图片字节，而是返回 isError: true 和指向网页界面的 resource_link。

大多数文本和数据工具接收 input 字符串以及可选的 options。只依赖浏览器图片 API 的图片工具会用于发现，并在需要浏览器能力时返回网页入口。