Image to Canvas

Aktif

Ubah gambar UI game menjadi bagian yang dapat dipindahkan dan teks yang dapat diedit. Edit di kanvas, atau gunakan API dan MCP.

$0.49 per image$0.49 per impor. Edit dan ekspor gratis. Impor gagal dikembalikan dananya. Berkas disimpan 7 hari.

Ubah gambar menjadi kanvas

Pisahkan gambar UI game menjadi bagian yang dapat dipindahkan dan teks yang dapat diedit. Coba contoh gratis di bawah atau impor gambar Anda.

URL gambarUnggah gambar

$0.49 per impor. Edit dan ekspor gratis. Impor gagal dikembalikan dananya. Berkas disimpan 7 hari.

Kanvas Anda

Pilih lapisan atau klik dua kali teks. Seret untuk memindahkan, gunakan pegangan sudut untuk mengubah ukuran, dan urungkan edit apa pun.

Buka JSON kanvas

Cara kerjanya

01Unggah gambarGunakan PNG, JPEG, atau WebP hingga 10 MB dan 25 megapiksel.
02Buat kanvas yang dapat dieditDapatkan lapisan gambar dan teks terpisah. Pilih, pindahkan, ubah ukuran, gaya, dan urutan bagian.
03Simpan dan gunakan kembaliEkspor PNG, JSON kanvas portabel, atau komponen satu per satu. Agen AI dapat memakai kanvas yang sama melalui REST dan MCP.

Panggil Image to Canvas dari kode Anda

Ubah gambar UI game menjadi bagian yang dapat dipindahkan dan teks yang dapat diedit. Edit di kanvas, atau gunakan API dan 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

Dapatkan kunci API
Buat kunci di konsol. Kunci memakai saldo yang sama dengan playground.
Buat kunci

Kirim permintaan pertama

Permintaan yang sama dengan yang dikirim playground. Isi OPENNAN_KEY dengan kunci Anda.

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"

Periksa tugasnya
Panggilan langsung menjawab dengan id tugas. Periksa tugas itu sampai selesai:
GEThttps://api.opennan.com/v1/canvas/{id}
queued
Menunggu worker
running
Sedang dibuat
succeeded
Selesai: outputs[].url berisi berkasnya
failed
Gagal: tidak ditagih

Galat dan cara memperbaikinya

401Kunci tidak ada atau salah
Kirim header Authorization: Bearer dengan kunci dari konsol.
402Saldo tidak cukup
Tambah saldo di Penagihan, lalu kirim panggilan yang sama lagi.
400Ada nilai yang ditolak
Baca error.message: di sana tertulis kolomnya. Pakai nilai dari tabel parameter.
429Terlalu banyak permintaan
Tunggu beberapa detik lalu coba lagi, dan tunggu lebih lama setelah setiap 429.

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

Pakai dari agen AI

Tambahkan server MCP Opennan ke agen Anda dan panggil alat ini.

Alat: layer_design
Contoh argumen: { "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: pertanyaan

Bisakah agen AI mengedit kanvas?

Ya. Gunakan layer_design melalui endpoint MCP kanvas untuk mengimpor, membaca, mengedit, dan mengekspor. Impor berbayar; membaca, mengedit, dan mengekspor gratis. Baca revisi terkini sebelum mengedit agar tidak menimpa perubahan lain.