Image to Canvas

Ao vivo

Transforme uma imagem de interface de jogo em partes móveis e texto editável. Edite na tela ou use a API e o MCP.

$0.49 per image$0.49 por importação. Edição e exportação grátis. Importações com falha são reembolsadas. Arquivos ficam por 7 dias.

Transforme sua imagem em uma tela

Separe uma imagem de interface de jogo em partes móveis e texto editável. Experimente o exemplo grátis abaixo ou importe sua imagem.

URL da imagemEnviar imagem

$0.49 por importação. Edição e exportação grátis. Importações com falha são reembolsadas. Arquivos ficam por 7 dias.

Sua tela

Selecione uma camada ou clique duas vezes no texto. Arraste para mover, use as alças dos cantos para redimensionar e desfaça qualquer edição.

Abrir JSON da tela

Como funciona

01Enviar imagemUse PNG, JPEG ou WebP de até 10 MB e 25 megapixels.
02Criar uma tela editávelReceba camadas separadas de imagem e texto. Selecione, mova, redimensione, altere o estilo e reordene as partes.
03Salvar e reutilizarExporte PNG, JSON portátil da tela ou componentes individuais. Agentes de IA podem usar a mesma tela por REST e MCP.

Chame Image to Canvas pelo seu código

Transforme uma imagem de interface de jogo em partes móveis e texto editável. Edite na tela ou use a API e o 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

Pegue uma chave de API
Crie uma chave no console. Ela usa o mesmo saldo do playground.
Criar uma chave

Envie sua primeira requisição

A mesma requisição que o playground envia. Defina OPENNAN_KEY com sua chave.

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"

Consulte a tarefa
A chamada responde na hora com um id de tarefa. Consulte a tarefa até ela terminar:
GEThttps://api.opennan.com/v1/canvas/{id}
queued
Esperando um worker
running
Em produção
succeeded
Pronto: outputs[].url traz os arquivos
failed
Falhou: nada é cobrado

Erros e como resolver

401Chave ausente ou errada
Envie o cabeçalho Authorization: Bearer com uma chave do console.
402Saldo insuficiente
Adicione crédito em Faturamento e envie a mesma chamada de novo.
400Um valor não é aceito
Leia error.message: ele indica o campo. Use um valor da tabela de parâmetros.
429Requisições demais
Aguarde alguns segundos e tente de novo, esperando mais após cada 429.

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

Use a partir de um agente de IA

Adicione o servidor MCP da Opennan ao seu agente e chame esta ferramenta.

Ferramenta: layer_design
Argumentos de exemplo: { "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: perguntas

Um agente de IA pode editar a tela?

Sim. Use layer_design pelo endpoint MCP da tela para importar, ler, editar e exportar. A importação é paga; leitura, edição e exportação são grátis. Leia a revisão atual antes de editar para evitar sobrescrever outra alteração.