Image to Canvas

Disponible

Convierte una interfaz de juego en piezas móviles y texto editable. Edita en el lienzo o usa API y MCP.

$0.49 per image$0.49 por importación. Edición y exportación gratis. Se reembolsan las importaciones fallidas. Archivos durante 7 días.

Convierte tu imagen en un lienzo

Separa una imagen de interfaz de juego en piezas móviles y texto editable. Prueba el ejemplo gratis o importa tu imagen.

URL de imagenSubir imagen

$0.49 por importación. Edición y exportación gratis. Se reembolsan las importaciones fallidas. Archivos durante 7 días.

Tu lienzo

Selecciona una capa o haz doble clic en el texto. Arrastra para mover, usa las esquinas para cambiar el tamaño y deshaz cualquier cambio.

Abrir lienzo JSON

Cómo funciona

01Sube una imagenPNG, JPEG o WebP de hasta 10 MB y 25 megapíxeles.
02Crea un lienzo editableObtén capas separadas de imagen y texto. Selecciona, mueve, redimensiona y ordena las piezas.
03Guarda y reutilizaExporta PNG, JSON portátil o componentes individuales. Los agentes usan el mismo lienzo mediante REST y MCP.

Llama a Image to Canvas desde tu código

Convierte una interfaz de juego en piezas móviles y texto editable. Edita en el lienzo o usa API y 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

Consigue una clave de API
Crea una clave en la consola. Usa el mismo saldo que el playground.
Crear una clave

Envía tu primera solicitud

La misma solicitud que envía el playground. Pon tu clave en 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"

Consulta la tarea
La llamada responde al instante con un id de tarea. Consulta la tarea hasta que termine:
GEThttps://api.opennan.com/v1/canvas/{id}
queued
Esperando un worker
running
En proceso
succeeded
Listo: outputs[].url contiene los archivos
failed
Falló: no se cobra

Errores y cómo resolverlos

401Falta la clave o es incorrecta
Envía la cabecera Authorization: Bearer con una clave de la consola.
402Saldo insuficiente
Añade saldo en Facturación y vuelve a enviar la misma llamada.
400Un valor no se acepta
Lee error.message: indica el campo. Usa un valor de la tabla de parámetros.
429Demasiadas solicitudes
Espera unos segundos y vuelve a intentarlo, esperando más tras cada 429.

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

Úsalo desde un agente de IA

Añade el servidor MCP de Opennan a tu agente y llama a esta herramienta.

Herramienta: layer_design
Argumentos de ejemplo: { "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: preguntas

¿Puede un agente de IA editar el lienzo?

Sí. Usa layer_design en el endpoint MCP del lienzo para importar, leer, editar y exportar. Importar tiene coste; las demás acciones son gratis. Lee la revisión actual antes de editar.