Image to Canvas

Disponible

Transformez une interface de jeu en éléments déplaçables et texte modifiable, avec canevas, API et MCP.

$0.49 per image$0.49 par import. Modification et export gratuits. Imports échoués remboursés. Fichiers conservés 7 jours.

Transformez votre image en canevas

Séparez une interface de jeu en éléments déplaçables et texte modifiable. Essayez gratuitement cet exemple ou importez votre image.

URL de l’imageImporter une image

$0.49 par import. Modification et export gratuits. Imports échoués remboursés. Fichiers conservés 7 jours.

Votre canevas

Sélectionnez un calque ou double-cliquez sur du texte. Déplacez par glissement, redimensionnez par les coins et annulez vos modifications.

Ouvrir un canevas JSON

Comment ça marche

01Importez une imagePNG, JPEG ou WebP, jusqu’à 10 Mo et 25 mégapixels.
02Créez un canevas modifiableObtenez des calques séparés. Sélectionnez, déplacez, redimensionnez et réordonnez les éléments.
03Enregistrez et réutilisezExportez PNG, JSON portable ou composants. Les agents utilisent le même canevas via REST et MCP.

Appelez Image to Canvas depuis votre code

Transformez une interface de jeu en éléments déplaçables et texte modifiable, avec canevas, API et 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

Obtenez une clé d’API
Créez une clé dans la console. Elle utilise le même solde que le playground.
Créer une clé

Envoyez votre première requête

La même requête que celle du playground. Définissez OPENNAN_KEY avec votre clé.

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"

Suivez la tâche
L’appel répond tout de suite avec un id de tâche. Interrogez la tâche jusqu’à ce qu’elle se termine :
GEThttps://api.opennan.com/v1/canvas/{id}
queued
En attente d’un worker
running
En cours de création
succeeded
Terminé : outputs[].url contient les fichiers
failed
Échec : rien n’est facturé

Erreurs et solutions

401Clé manquante ou incorrecte
Envoyez l’en-tête Authorization: Bearer avec une clé de la console.
402Solde insuffisant
Ajoutez du crédit dans Facturation, puis renvoyez le même appel.
400Une valeur est refusée
Lisez error.message : il nomme le champ. Utilisez une valeur du tableau des paramètres.
429Trop de requêtes
Attendez quelques secondes et réessayez, un peu plus longtemps après chaque 429.

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

Utilisez-le depuis un agent IA

Ajoutez le serveur MCP d’Opennan à votre agent et appelez cet outil.

Outil: layer_design
Arguments d’exemple: { "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 : questions

Un agent IA peut-il modifier le canevas ?

Oui. Utilisez layer_design via le endpoint MCP du canevas pour importer, lire, modifier et exporter. Seul l’import est payant. Lisez la révision actuelle avant de modifier.