mirror of
https://github.com/snapotter-hq/SnapOtter.git
synced 2026-08-03 07:46:42 +02:00
93 lines
6.0 KiB
Markdown
93 lines
6.0 KiB
Markdown
---
|
|||
|
|
description: "สร้างมีมด้วยเทมเพลตหรือรูปภาพที่กำหนดเอง กล่องข้อความที่จัดสไตล์แล้ว และตัวเลือกฟอนต์"
|
||
|
|
i18n_source_hash: 0a4970112ca6
|
||
|
|
i18n_provenance: human
|
||
|
|
i18n_output_hash: f4592deb7215
|
||
|
|
---
|
||
|
|
|
||
|
|
# Meme Generator {#meme-generator}
|
||
|
|
|
||
|
|
สร้างมีมโดยใช้เทมเพลตในตัวหรือรูปภาพที่กำหนดเอง เพิ่มข้อความด้วยสไตล์มีมแบบคลาสสิก (ข้อความตัวหนา มีเส้นขอบ) เลย์เอาต์สำเร็จรูปหลายแบบ และตัวเลือกฟอนต์
|
||
|
|
|
||
|
|
## API Endpoint {#api-endpoint}
|
||
|
|
|
||
|
|
`POST /api/v1/tools/image/meme-generator`
|
||
|
|
|
||
|
|
รับได้ทั้งสองแบบ:
|
||
|
|
- **Multipart form data** พร้อมไฟล์รูปภาพและฟิลด์ JSON `settings` (โหมดรูปภาพที่กำหนดเอง)
|
||
|
|
- **JSON body** พร้อม `templateId` (โหมดเทมเพลต ไม่จำเป็นต้องอัปโหลดไฟล์)
|
||
|
|
|
||
|
|
## Parameters {#parameters}
|
||
|
|
|
||
|
|
| Parameter | Type | Required | Default | Description |
|
||
|
|
|-----------|------|----------|---------|-------------|
|
||
|
|
| templateId | string | No | - | ID เทมเพลตมีมในตัว ถ้าระบุไว้ ไม่จำเป็นต้องอัปโหลดรูปภาพ |
|
||
|
|
| textLayout | string | No | `"top-bottom"` | เลย์เอาต์กล่องข้อความ: `top-bottom`, `top-only`, `bottom-only`, `center`, `side-by-side` |
|
||
|
|
| textBoxes | array | No | `[]` | อาร์เรย์ของออบเจกต์กล่องข้อความที่มีฟิลด์ `id` และ `text` |
|
||
|
|
| fontFamily | string | No | `"anton"` | ฟอนต์: `anton`, `arial-black`, `comic-sans`, `montserrat`, `bebas-neue`, `permanent-marker`, `roboto` |
|
||
|
|
| fontSize | number | No | auto | ขนาดฟอนต์เป็นพิกเซล (8 ถึง 200) คำนวณอัตโนมัติหากไม่ระบุ |
|
||
|
|
| textColor | string | No | `"#ffffff"` | สีเติมข้อความ |
|
||
|
|
| strokeColor | string | No | `"#000000"` | สีเส้นขอบ/เส้นรอบข้อความ |
|
||
|
|
| textAlign | string | No | `"center"` | การจัดแนวข้อความ: `left`, `center`, `right` |
|
||
|
|
| allCaps | boolean | No | `true` | แปลงข้อความเป็นตัวพิมพ์ใหญ่ |
|
||
|
|
|
||
|
|
### Text Boxes {#text-boxes}
|
||
|
|
|
||
|
|
แต่ละรายการในอาร์เรย์ `textBoxes` ควรมี:
|
||
|
|
|
||
|
|
| Field | Type | Description |
|
||
|
|
|-------|------|-------------|
|
||
|
|
| id | string | ตัวระบุกล่องที่ตรงกับเลย์เอาต์ (เช่น `"top"`, `"bottom"`, `"left"`, `"right"`, `"center"`) |
|
||
|
|
| text | string | ข้อความมีมที่จะแสดง |
|
||
|
|
|
||
|
|
### Text Layout Box IDs {#text-layout-box-ids}
|
||
|
|
|
||
|
|
| Layout | Available Box IDs |
|
||
|
|
|--------|-------------------|
|
||
|
|
| `top-bottom` | `top`, `bottom` |
|
||
|
|
| `top-only` | `top` |
|
||
|
|
| `bottom-only` | `bottom` |
|
||
|
|
| `center` | `center` |
|
||
|
|
| `side-by-side` | `left`, `right` |
|
||
|
|
|
||
|
|
## Example Request {#example-request}
|
||
|
|
|
||
|
|
รูปภาพที่กำหนดเองพร้อมข้อความด้านบนและด้านล่าง:
|
||
|
|
|
||
|
|
```bash
|
||
|
|
curl -X POST http://localhost:1349/api/v1/tools/image/meme-generator \
|
||
|
|
-H "Authorization: Bearer si_your-api-key" \
|
||
|
|
-F "file=@photo.jpg" \
|
||
|
|
-F 'settings={"textLayout": "top-bottom", "textBoxes": [{"id": "top", "text": "When the code works"}, {"id": "bottom", "text": "On the first try"}], "fontFamily": "anton", "allCaps": true}'
|
||
|
|
```
|
||
|
|
|
||
|
|
ใช้เทมเพลตในตัว (JSON body ไม่ต้องอัปโหลดไฟล์):
|
||
|
|
|
||
|
|
```bash
|
||
|
|
curl -X POST http://localhost:1349/api/v1/tools/image/meme-generator \
|
||
|
|
-H "Authorization: Bearer si_your-api-key" \
|
||
|
|
-H "Content-Type: application/json" \
|
||
|
|
-d '{"templateId": "drake", "textBoxes": [{"id": "top", "text": "Manual testing"}, {"id": "bottom", "text": "Automated tests"}]}'
|
||
|
|
```
|
||
|
|
|
||
|
|
## Example Response {#example-response}
|
||
|
|
|
||
|
|
```json
|
||
|
|
{
|
||
|
|
"jobId": "a1b2c3d4-e5f6-7890-abcd-ef1234567890",
|
||
|
|
"downloadUrl": "/api/v1/download/a1b2c3d4-e5f6-7890-abcd-ef1234567890/meme-drake.png",
|
||
|
|
"originalSize": 450000,
|
||
|
|
"processedSize": 520000
|
||
|
|
}
|
||
|
|
```
|
||
|
|
|
||
|
|
## Notes {#notes}
|
||
|
|
|
||
|
|
- ต้องระบุ `templateId` หรือไฟล์รูปภาพที่อัปโหลดอย่างใดอย่างหนึ่ง หากระบุทั้งสอง จะใช้เทมเพลต
|
||
|
|
- เทมเพลตกำหนดตำแหน่งกล่องข้อความของตัวเอง พารามิเตอร์ `textLayout` จะถูกละเว้นเมื่อใช้เทมเพลต
|
||
|
|
- ข้อความถูกเรนเดอร์เป็น SVG พร้อมเส้นขอบเพื่อให้ได้ลุคมีมแบบคลาสสิก
|
||
|
|
- ขนาดฟอนต์จะถูกคำนวณอัตโนมัติให้พอดีกับกล่องข้อความหากไม่ได้ตั้งค่าไว้อย่างชัดเจน
|
||
|
|
- กล่องข้อความที่ว่างเปล่าจะถูกข้าม (ไม่มีการเรนเดอร์หากทุกกล่องว่างเปล่า)
|
||
|
|
- ชื่อไฟล์เอาต์พุตจะรวม ID เทมเพลตเมื่อใช้เทมเพลต (เช่น `meme-drake.png`)
|
||
|
|
- อินพุต HEIC, RAW, PSD และ SVG จะถูกถอดรหัสโดยอัตโนมัติก่อนการประมวลผล
|