Image to Canvas

已上线

将游戏界面图片转为可移动的部件和可编辑的文字。使用画布编辑器、API 或 MCP。

$0.49 per image每次导入 $0.49。编辑和导出免费。导入失败会退款。文件保留 7 天。

将图片转为画布

将游戏界面图片拆分为可移动的部件和可编辑的文字。免费试用下方示例，或导入自己的图片。

图片 URL上传图片

每次导入 $0.49。编辑和导出免费。导入失败会退款。文件保留 7 天。

你的画布

选择图层或双击文字。拖动以移动，通过角点缩放，任何编辑都可撤销。

打开画布 JSON

运作方式

01上传图片使用不超过 10 MB、2500 万像素的 PNG、JPEG 或 WebP。
02创建可编辑画布获得独立的图片和文字图层，可选择、移动、缩放、更改样式和排序。
03保存并复用导出 PNG、便携画布 JSON 或单独组件。AI 代理也能通过 REST 和 MCP 使用同一画布。

从代码调用 Image to Canvas

将游戏界面图片转为可移动的部件和可编辑的文字。使用画布编辑器、API 或 MCP。

POSThttps://api.opennan.com/v1/images/canvas

GET/v1/canvas/{task_id}
POST/v1/canvas/{task_id}/edit
GET/v1/canvas/{task_id}/export

获取 API 密钥
在控制台创建密钥。它与试用区使用同一余额。
创建密钥

发送第一个请求

与试用区发送的请求相同。把 OPENNAN_KEY 设为你的密钥。

curl https://api.opennan.com/v1/images/canvas \
  -H "Authorization: Bearer $OPENNAN_KEY" \
  -H "Content-Type: application/json" \
  -d '{"image_url":"https://cdn.opennan.com/examples/image-to-canvas/2026-11-13/game-ui-74844a91c33f/source.webp","max_cost_usd":0.49}'

# Then poll until "status" is "succeeded" or "failed":
curl https://api.opennan.com/v1/canvas/<task id> -H "Authorization: Bearer $OPENNAN_KEY"

查询任务
调用会立即返回任务 ID。查询任务直到完成：
GEThttps://api.opennan.com/v1/canvas/{id}
queued
等待处理
running
生成中
succeeded
完成：outputs[].url 中是文件
failed
失败：不收费

错误及解决方法

401缺少密钥或密钥错误
用 Authorization: Bearer 请求头发送控制台中的密钥。
402余额不足
在账单页面充值，然后重新发送同一请求。
400有值不被接受
查看 error.message，它会指出字段。请使用参数表中的值。
429请求过多
等几秒再试，每次遇到 429 都等得更久一些。

MCPhttps://api.opennan.com/v1/canvas/mcp

在 AI 智能体中使用

把 Opennan MCP 服务器加到你的智能体中，然后调用此工具。

工具: layer_design
示例参数: { "action": "import", "image_url": "https://cdn.opennan.com/examples/image-to-canvas/2026-11-13/game-ui-74844a91c33f/source.webp", "max_cost_usd": 0.49 }

Image to Canvas：常见问题

AI 代理能编辑画布吗？

可以。通过画布 MCP 端点的 layer_design 导入、读取、编辑和导出。导入收费；读取、编辑和导出免费。编辑前读取当前版本，以免覆盖其他修改。