ตัวแก้ไข SVG Path

SVG Path

การดำเนินการกับ path

ย่อ/ขยาย (Scale)
เลื่อน (Translate)
หมุน (Rotate)

ตัวเลือกเอาต์พุต

ตัวอย่าง SVG

ข้อมูล path

จำนวนคำสั่ง
0
ความยาว path
0
ความกว้างกรอบ
0
ความสูงกรอบ
0

เกี่ยวกับ SVG Path:

SVG Pathเป็นหนึ่งในองค์ประกอบที่ทรงพลังที่สุดของ SVG สามารถสร้างรูปทรงใด ๆ ก็ได้ path ประกอบด้วยชุดคำสั่งและพิกัดที่ใช้นิยามวิธีการวาดรูป

คำสั่ง path ที่พบบ่อย:

  • M/m: Move to
  • L/l: Line to
  • H/h: Horizontal line to
  • V/v: Vertical line to
  • C/c: Cubic Bézier curve
  • S/s: Smooth cubic Bézier
  • Q/q: Quadratic Bézier curve
  • T/t: Smooth quadratic Bézier
  • A/a: Elliptical arc
  • Z/z: Close path

เคล็ดลับ:ตัวพิมพ์ใหญ่หมายถึงพิกัดสัมบูรณ์ ตัวพิมพ์เล็กหมายถึงพิกัดสัมพัทธ์ ใช้เครื่องมือนี้เพื่อดู แก้ไข และปรับปรุง SVG path ได้สะดวก