แก้ไข SVG Path
เครื่องมือแก้ไข SVG path ฟรีพร้อม live preview ลาก anchor point และ control point, snap ไปยัง grid และรับ path output ที่ optimize แล้ว แก้ไข bezier curve แบบเห็นภาพ ใช้งานได้ทันทีในเบราว์เซอร์
Loading tool...
แก้ไข SVG Path คืออะไร?
SVG Path Editor เป็นเครื่องมือแก้ไขแบบเห็นภาพสำหรับ d attribute ของ SVG path element วาง path data แล้วลาก anchor point และ bezier control handle บน live preview ได้โดยตรง จากนั้นคัดลอกผลลัพธ์ที่ optimize แล้ว การแก้ไขทั้งหมดทำในเบราว์เซอร์ของคุณ
ประโยชน์หลัก
- แก้ไขแบบเห็นภาพ
- Live preview
- Bezier handle
- Snap ไป grid
- ออฟไลน์และเป็นส่วนตัว
กรณีการใช้งาน
- •ออกแบบไอคอน
- •ปรับแต่งโลโก้
- •จัดรูปภาพประกอบ
- •เรียนรู้ SVG path
- •path สำหรับ UI animation
วิธีแก้ไข SVG Path
- ใส่ path: วาง path d data ของคุณ หรือคลิก Load Example
- ลากจุด: ลาก anchor point (สี่เหลี่ยม) และ control handle (วงกลม) ในส่วน preview
- ปรับตัวเลือก: เปิด Snap to integer เพื่อพิกัดที่สะอาด
- คัดลอกผลลัพธ์: คัดลอก path string ที่ optimize แล้ว หรือดาวน์โหลดเป็น .svg
คุณสมบัติหลัก
- Live preview พร้อม anchor point และ control point ที่ลากได้
- แก้ไข cubic (C/S) และ quadratic (Q/T) bezier curve แบบเห็นภาพ
- Snap ไปยัง integer grid เพื่อพิกัดที่สะอาดและคมชัด
- รองรับคำสั่ง M L H V C S Q T A Z (absolute และ relative)
- Path output ที่กระชับและ optimize แล้ว พร้อมเปรียบเทียบขนาด
- Copy path data หรือดาวน์โหลดเป็นไฟล์ .svg