Opennan

Image to Canvas

ใช้งานได้

แปลงภาพ UI เกมเป็นชิ้นส่วนที่ย้ายได้และข้อความที่แก้ไขได้ ใช้แคนวาสหรือ API และ MCP

$0.49 per imageนำเข้าภาพครั้งละ $0.49 แก้ไขและส่งออกฟรี หากนำเข้าไม่สำเร็จจะคืนเงิน เก็บไฟล์ไว้ 7 วัน

เปลี่ยนภาพให้เป็นแคนวาส

แยกภาพ UI เกมเป็นชิ้นส่วนที่ย้ายได้และข้อความที่แก้ไขได้ ลองแก้ไขตัวอย่างฟรี หรือใช้ภาพของคุณเอง

นำเข้าภาพครั้งละ $0.49 แก้ไขและส่งออกฟรี หากนำเข้าไม่สำเร็จจะคืนเงิน เก็บไฟล์ไว้ 7 วัน

แคนวาสของคุณ

เลือกเลเยอร์หรือดับเบิลคลิกข้อความ ลากเพื่อย้าย ใช้มุมเพื่อปรับขนาด และเลิกทำการแก้ไขได้

ทำงานอย่างไร

  1. 01อัปโหลดภาพใช้ PNG, JPEG หรือ WebP ไม่เกิน 10 MB และ 25 เมกะพิกเซล
  2. 02สร้างแคนวาสที่แก้ไขได้รับเลเยอร์ภาพและข้อความแยกกัน เลือก ย้าย ปรับขนาด เปลี่ยนรูปแบบ และจัดลำดับชิ้นส่วนได้
  3. 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
  1. รับคีย์ API

    สร้างคีย์ในคอนโซล คีย์ใช้ยอดเงินเดียวกับส่วนทดลองใช้

    สร้างคีย์
  2. ส่งคำขอแรก

    คำขอเดียวกับที่ส่วนทดลองใช้ส่ง ตั้งค่า 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"
  3. ตรวจสถานะงาน

    การเรียกจะตอบกลับทันทีด้วย 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

เพิ่มเซิร์ฟเวอร์ 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 ของแคนวาสเพื่อนำเข้า อ่าน แก้ไข และส่งออก การนำเข้ามีค่าใช้จ่าย ส่วนการอ่าน แก้ไข และส่งออกฟรี อ่านรุ่นปัจจุบันก่อนแก้ไขเพื่อไม่ให้ทับการเปลี่ยนแปลงอื่น

เราใช้เฉพาะคุกกี้ที่เว็บไซต์จำเป็นต้องใช้ เช่น ภาษาและรหัสแนะนำ ไม่มีโฆษณา เรานับจำนวนการเข้าชมหน้าเว็บด้วยระบบวิเคราะห์ที่ไม่ใช้คุกกี้ ดูรายละเอียดได้ที่ นโยบายคุกกี้ ของเรา