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으로 가져오기, 읽기, 편집, 내보내기가 가능합니다. 가져오기는 유료이며 읽기, 편집, 내보내기는 무료입니다. 편집 전에 현재 리비전을 읽어 다른 변경을 덮어쓰지 않도록 하세요.