Image to Canvas
ใช้งานได้แปลงภาพ UI เกมเป็นชิ้นส่วนที่ย้ายได้และข้อความที่แก้ไขได้ ใช้แคนวาสหรือ API และ MCP
เปลี่ยนภาพให้เป็นแคนวาส
แยกภาพ UI เกมเป็นชิ้นส่วนที่ย้ายได้และข้อความที่แก้ไขได้ ลองแก้ไขตัวอย่างฟรี หรือใช้ภาพของคุณเอง
นำเข้าภาพครั้งละ $0.49 แก้ไขและส่งออกฟรี หากนำเข้าไม่สำเร็จจะคืนเงิน เก็บไฟล์ไว้ 7 วัน
แคนวาสของคุณ
เลือกเลเยอร์หรือดับเบิลคลิกข้อความ ลากเพื่อย้าย ใช้มุมเพื่อปรับขนาด และเลิกทำการแก้ไขได้
ทำงานอย่างไร
- 01อัปโหลดภาพใช้ PNG, JPEG หรือ WebP ไม่เกิน 10 MB และ 25 เมกะพิกเซล
- 02สร้างแคนวาสที่แก้ไขได้รับเลเยอร์ภาพและข้อความแยกกัน เลือก ย้าย ปรับขนาด เปลี่ยนรูปแบบ และจัดลำดับชิ้นส่วนได้
- 03บันทึกและนำกลับมาใช้ส่งออก PNG, แคนวาส JSON หรือชิ้นส่วนภาพ เอเจนต์ AI ใช้แคนวาสเดียวกันผ่าน REST และ MCP ได้
เรียก Image to Canvas จากโค้ดของคุณ
แปลงภาพ UI เกมเป็นชิ้นส่วนที่ย้ายได้และข้อความที่แก้ไขได้ ใช้แคนวาสหรือ API และ MCP
https:/ / 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
https://api.opennan.com/v1/canvas/mcpใช้จากเอเจนต์ AI
เพิ่มเซิร์ฟเวอร์ MCP ของ Opennan ให้เอเจนต์ แล้วเรียกเครื่องมือนี้
- เครื่องมือ
- 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 แก้ไขแคนวาสได้ไหม
ได้ ใช้ layer_design ผ่าน MCP ของแคนวาสเพื่อนำเข้า อ่าน แก้ไข และส่งออก การนำเข้ามีค่าใช้จ่าย ส่วนการอ่าน แก้ไข และส่งออกฟรี อ่านรุ่นปัจจุบันก่อนแก้ไขเพื่อไม่ให้ทับการเปลี่ยนแปลงอื่น