Image to Canvas

提供中

ゲーム UI 画像を移動できるパーツと編集できる文字に変換。キャンバス、API、MCP で編集できます。

$0.49 per image読み込みは 1 回 $0.49。編集と書き出しは無料です。失敗時は返金されます。ファイルは 7 日間保存されます。

画像をキャンバスに変換

ゲーム UI 画像を移動できるパーツと編集できる文字に分けます。下のサンプルを無料で試すか、自分の画像を読み込めます。

画像 URL画像をアップロード

読み込みは 1 回 $0.49。編集と書き出しは無料です。失敗時は返金されます。ファイルは 7 日間保存されます。

あなたのキャンバス

レイヤーを選ぶか、文字をダブルクリックしてください。ドラッグで移動、角のハンドルで拡大縮小でき、編集は元に戻せます。

キャンバス JSON を開く

仕組み

01画像をアップロード10 MB、2,500 万画素以下の PNG、JPEG、WebP を使用します。
02編集可能なキャンバスを作成画像と文字を独立したレイヤーに分離。選択、移動、サイズ変更、スタイル変更、並べ替えができます。
03保存して再利用PNG、持ち運び可能なキャンバス JSON、個別パーツを書き出せます。AI エージェントも REST と MCP から同じキャンバスを使用できます。

コードから Image to Canvas を呼び出す

ゲーム UI 画像を移動できるパーツと編集できる文字に変換。キャンバス、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 で読み込み、表示、編集、書き出しを行えます。画像の読み込みは有料で、表示・編集・書き出しは無料です。編集前に最新リビジョンを取得してください。